Design elements

Web fonts

Color Palette

Main colors

  • Earthy Brown #5a3e1b

  • Grass Green #3f6b3a

  • Black

  • White

Medium colors (for graphics) * Leafy Green #bfda6e * Sunny Yellow #ffe599 * Dark sand beige #c8b99a

Used in: Illustrations. Leafy green is used in the favorite heart icon. Dark sand beige is used in the progress bar.

Background colors

  • Sky Blue #d5f0f7

  • Sand Beige #f2ead6

CTA buttons

Primary CTA

The primary CTA is:

  • Grass green background

  • White text

Rollover state: * White background * Grass green border * Grass green text

Secondary CTA

  • White background

  • Grass green border

  • Grass green text

Rollover state: * Grass green background * White text

Tertiary CTA

  • Sand beige background

  • Earth brown text