Kindful – Colors & Fonts

Fonts

Main headings font: Petrona (Google font)
**there is negative letter spacing in the typography settings for the headings. If you choose another heading font, you might want to adjust the letter spacing back to 0 if it looks wonky.

Body/base font: Roboto (Google font)

Menu links, buttons and heading 6: Roboto Condensed (Google font)

Colors

Palette 1 (main): #cb967a, #eee6dc, #282828, #464646, #a56e4f, #cb967a, #e9d1c5, #f7f4ed, #ffffff

Palette 2: #c28268, #f0e7d0, #282828, #464646, #986039, #c2967e, #ebd0c1, #faf5e8, #ffffff

Dark Palette 3: #c7b3a7, #b69a8f, #ffffff, #fafcf7, #e2e2dd, #c7b3a7, #aa9884, #85604c, #424437

If you ever need to get the default color palettes back from the demo, you can simply import them by clicking the folder icon > click the export/import tab > paste the palettes into the Import section and click "import":

Palette #1 (main)

[{"color":"#cb967a"},{"color":"#eee6dc"},{"color":"#282828"},{"color":"#464646"},{"color":"#a56e4f"},{"color":"#cb967a"},{"color":"#e9d1c5"},{"color":"#f7f4ed"},{"color":"#ffffff"}]

Palette #2

[{"color":"#c28268"},{"color":"#f0e7d0"},{"color":"#282828"},{"color":"#464646"},{"color":"#986039"},{"color":"#c2967e"},{"color":"#ebd0c1"},{"color":"#faf5e8"},{"color":"#ffffff"}]

Palette #3

[{"color":"#c7b3a7"},{"color":"#b69a8f"},{"color":"#ffffff"},{"color":"#fafcf7"},{"color":"#e2e2dd"},{"color":"#c7b3a7"},{"color":"#aa9884"},{"color":"#85604c"},{"color":"#424437"}]