Forest Grove color palette — #EDF8F6 · #A2CBB7 · #4A6745 · #14413C · #1B282B

Built around Pine, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Ivory (#EDF8F6): bright and airy, almost weightless.
• Pistachio (#A2CBB7): A luminous, dusty teal — the color of shallow lagoons.
• Pine (#4A6745): A full-bodied, dusty green — the color of fresh herbs.
• Forest (#14413C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#1B282B): quiet, heavy and certain.

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

• Weathered Cypress color palette (#EDF7F8, #95CBD2, #278AA3, #007F6A, #1F3039)
• Cypress Chapel color palette (#EBF4F3, #E4BA94, #31704B, #003939, #091716)
• Ancient Denim color palette (#E9F8FF, #9DB892, #005C66, #00353B, #101B2A)
• Softworn Fern color palette (#F3F7EC, #ECCAAA, #508D66, #46540A, #2A2D24)
• Muted Olive color palette (#F5F6EB, #E8E19C, #8AA97E, #707229, #2B2C25)
• Charred Fern color palette (#D9EBE9, #626300, #29242B, #001A08, #000301)
• Dusty Olive color palette (#DAF2F9, #63882E, #483E43, #002E2D, #000C0C)
• Hushed Ridge color palette (#E6FAF8, #79B3BB, #3D809D, #604E81, #2E4C5A)

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