Pine Lagoon color palette — #DFEDF6 · #2B7B30 · #3E3432 · #00222E · #000306

Built around Olive, softened by Midnight — the whole palette hums with nature and growth.

The five colors

• Frost (#DFEDF6): bright and airy, almost weightless.
• Olive (#2B7B30): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#3E3432): a grounded near-black with real depth.
• Midnight (#00222E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000306): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Pine Pier color palette (#D2E1F0, #007C45, #002039, #12090F, #000308)
• Emerald Pier color palette (#DBEAE2, #419949, #003E52, #00121A, #000201)
• Petrol Field color palette (#EAF3FC, #99CFCE, #486482, #213245, #0C151E)
• Lowlit Rust Hollow color palette (#CAE6DC, #AA4B29, #313038, #001F32, #00050B)
• Eclipse Lagoon color palette (#D7EBF8, #004A68, #560069, #00240C, #000103)
• Mulberry Drift color palette (#F3F0FC, #DDA38F, #6E4468, #2C2040, #0E0A16)
• Softworn Chapel color palette (#E3E9F3, #9AA0AE, #757A92, #202A79, #010410)
• Smoked Loft color palette (#DCECFB, #DC644E, #002E4A, #0A0B13, #000103)

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