Pine Grove color palette — #ECF5D5 · #007B3D · #004972 · #450040 · #0F0500

Olive and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#ECF5D5): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#007B3D): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#004972): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#450040): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#0F0500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Pine 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

• Eclipse Loft color palette (#C9EAE8, #007C3D, #004061, #28002A, #030100)
• Dusty Aubergine Canyon color palette (#EAE7D6, #5E6F00, #004F55, #29006C, #170004)
• Nightshade Loft color palette (#E2EBDF, #00776C, #2823B5, #4C0024, #0C0700)
• Twilit Forest color palette (#E7F6D5, #006247, #3C464D, #001D1C, #010300)
• Worn Field color palette (#CAF1E0, #008A7D, #005E5C, #003941, #00161D)
• Tempered Pier color palette (#DEF2E4, #49988D, #006D81, #5C2C52, #3B0413)
• Eclipse Navy Terrace color palette (#DCF1E3, #005361, #00147C, #000745, #0D0600)
• Petrol Harbor color palette (#F0E7D9, #66B0B1, #007384, #004C3B, #001720)

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