Pine Lagoon color palette — #EFF6DD · #008E4B · #005A8B · #630041 · #0C0D00
Fern and Mulberry set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#EFF6DD): A whisper-light, dusty green — the color of fresh herbs.
- Fern (#008E4B): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#005A8B): A full-bodied, balanced blue — the color of deep harbor water.
- Mulberry (#630041): A deep, shadowed, balanced rose — the color of pressed rose petals.
- Ink (#0C0D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
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
- Tempered Ridge color palette (#EEF5E6, #007B5C, #26489D, #61001D, #080900)
- Aubergine Studio color palette (#F5F3E1, #688500, #005F6D, #560069, #130C00)
- Hazy Parlor color palette (#F7F3D9, #798E00, #005DA2, #6F0017, #241400)
- Patina Garnet color palette (#FFEEE5, #6BA251, #007070, #770027, #002312)
- Ancient Garnet color palette (#E9F6EE, #2994B0, #5F57A5, #751B00, #101401)
- Washed Emerald Boulevard color palette (#DDFDFA, #00A541, #0074D2, #92194D, #242800)
- Feathered Corridor color palette (#E5FDE7, #00757D, #3F00DC, #5E0072, #3C161E)
- Gentle Aubergine Garden color palette (#D6F8E6, #006983, #6D0094, #492000, #000705)
Browse the whole catalog at Explore, or see today's palette.