Forest Grove color palette — #D4EAE5 · #699978 · #00644F · #5B3300 · #003218

Pine and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D4EAE5): A whisper-light, dusty teal — the color of glacier melt.
• Eucalyptus (#699978): A luminous, dusty teal — the color of shallow lagoons.
• Pine (#00644F): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#5B3300): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Forest (#003218): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Forest Grove into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Dusty Harbor color palette (#DAF2E9, #6FA160, #006C40, #3E4900, #133706)
• Hushed Canyon color palette (#DCE8DF, #918E5E, #485E06, #64262D, #2D2A00)
• Ancient Cypress color palette (#E6FAF7, #6EA6A9, #007367, #64440E, #0E3D3F)
• Dusty Meadow color palette (#DDEFE9, #5B9E7D, #006263, #5B213F, #001617)
• Muted Corridor color palette (#E8FBEB, #ACA56F, #617300, #00622F, #423B00)
• Wandering Cypress Basin color palette (#E6E5D7, #6CB795, #008285, #7B3E5A, #222D10)
• Aged Study color palette (#EBF9F0, #94B9AB, #637C56, #635A2F, #2E493F)
• Pale Pier color palette (#CAFCF8, #A2DDCA, #49B4C8, #416200, #003F2F)

Browse the whole catalog at Explore, or see today's palette.