Forest Grove color palette — #F7EBE8 · #9CBB99 · #00748D · #06540E · #0C304E
Built around Deep Olive, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Cream (#F7EBE8): bright and airy, almost weightless.
- Sage (#9CBB99): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#00748D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#06540E): A deep, shadowed, balanced green — the color of fresh herbs.
- Deep Teal (#0C304E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light, 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
- Petrol Harbor color palette (#F5EDE8, #77BDD2, #006CB1, #00523F, #252A4E)
- Tempered Cobalt color palette (#FBF3F1, #ADCFB2, #0083AF, #006436, #4A2F4A)
- Antique Aqua Boulevard color palette (#E1EDE3, #67C6C1, #007984, #004D37, #001921)
- Dusty Cerulean Dune color palette (#F4EEE4, #86D5D0, #0098A5, #006F50, #003441)
- Petrol Balcony color palette (#CDEBFF, #0073A5, #676100, #295321, #002235)
- Misty Meadow color palette (#FFF3E6, #74BFFC, #494AFF, #005557, #3D225D)
- Blush Grove color palette (#D2F6EC, #C5C0FF, #D87B9E, #00626C, #44263B)
- Feathered Workshop color palette (#F5EBF2, #9BE3DD, #00B8D1, #3B925D, #003248)
Browse the whole catalog at Explore, or see today's palette.