Forest Grove color palette — #D4F1F0 · #00653D · #002E4A · #130300 · #000201
Pine and Midnight set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D4F1F0): A whisper-light, dusty teal — the color of shallow lagoons.
- Pine (#00653D): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#002E4A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#130300): A deep, shadowed, dusty orange — the color of sun-warmed clay.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged 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
- Twilit Aubergine color palette (#D2EAEC, #006449, #480050, #1B2026, #050900)
- Chestnut Study color palette (#D8E7D7, #744A00, #00303F, #180001, #020100)
- Midnight Onyx color palette (#CDEBF6, #004449, #200059, #170004, #020100)
- Patina Abyss color palette (#FAEAEF, #827D3B, #154900, #002022, #010100)
- Denim Terrace color palette (#DAE6D9, #5F8F6E, #045E6C, #341F00, #000200)
- Shadow Onyx color palette (#CDEFEE, #007C8E, #003F66, #040051, #010008)
- Cellar Aubergine Boulevard color palette (#D2E9F4, #00738A, #560082, #181600, #000102)
- Dusty Nightshade color palette (#E3F6FF, #00899C, #3C3BA4, #332100, #000203)
Browse the whole catalog at Explore, or see today's palette.