Lagoon Pier color palette — #EEF4E7 · #129E72 · #936F00 · #644F03 · #151D08

Fern and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EEF4E7): a clean, paper-quiet neutral.
• Fern (#129E72): A luminous, balanced teal — the color of glacier melt.
• Ochre (#936F00): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#644F03): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#151D08): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged cool.

Use it as a design system

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

• Antique Olive Quarry color palette (#ECF5E7, #009C86, #817800, #006052, #141D0E)
• Emerald Meadow color palette (#F2F4E2, #5B984C, #A4558C, #664E00, #1A1B09)
• Rust Villa color palette (#E8F6EC, #0097AA, #B35060, #3A5E0E, #0E1E13)
• Tempered Cerulean color palette (#E5FCED, #0091A9, #9F5867, #724818, #22392B)
• Sunlit Indigo color palette (#F9E1ED, #7463C3, #636B00, #434800, #1E0615)
• Tempered Lagoon color palette (#F8F2DE, #3CACC4, #6C5EA5, #4A4900, #0D2821)
• Wandering Turquoise color palette (#E8F8FF, #00B2C6, #C07B61, #975E47, #22363E)
• Soft Courtyard color palette (#E9F8FF, #32D8F9, #D26684, #9B6434, #152730)

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