Forest Grove color palette — #F0E9FF · #AB9AB2 · #9C6C61 · #31633D · #24515B

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

The five colors

• Blush (#F0E9FF): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#AB9AB2): A luminous, dusty pink — the color of neon signs at night.
• Mocha (#9C6C61): A full-bodied, dusty orange — the color of toasted spice.
• Pine (#31633D): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#24515B): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Timeworn Fern color palette (#E1E4FF, #A8A0BC, #806685, #495A19, #254E38)
• Antique Lantern color palette (#D4E0F8, #C09BBD, #99654C, #265061, #0A2935)
• Cypress Studio color palette (#F9F2FF, #C0A6BE, #A67E90, #3B6F76, #425164)
• Hushed Amber Bloom color palette (#FFE5E6, #C58161, #8D6824, #005A5E, #004359)
• Driftwood Boulevard color palette (#F0D8E9, #E4B6B0, #C59F8B, #7D8C47, #344930)
• Worn Veranda color palette (#F4D7E8, #A27379, #754A32, #004328, #062C3C)
• Navy Lagoon color palette (#ECF9EF, #9D9E70, #566B36, #514071, #123E2E)
• Patina Denim color palette (#FFE7DC, #C9AD83, #747D3D, #006485, #334C82)

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