Lagoon Ridge color palette — #EFFAE1 · #21A073 · #3285A8 · #7A6800 · #363932

A conversation between Fern and Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#EFFAE1): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#21A073): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#3285A8): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#7A6800): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#363932): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

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

• Dusty Lagoon color palette (#EAFBE8, #009490, #8E6A2A, #595600, #273825)
• Aged Cobalt color palette (#E4FDE7, #009BA2, #5C78BE, #4C762F, #283E2B)
• Tempered Lagoon color palette (#ECFAE4, #C2E6D8, #9ACFC4, #58876E, #42523B)
• Sunlit Ultramarine Field color palette (#CFF4F3, #008281, #0059D5, #405D00, #002B2A)
• Lagoon Delta color palette (#E7FED7, #70CAB5, #008773, #004F42, #00392E)
• Tempered Harbor color palette (#FCF4E5, #B0A87C, #807146, #6E4900, #3F3D36)
• Hushed Chapel color palette (#C4F0E2, #0081C4, #7F589F, #006A59, #093329)
• Plum Villa color palette (#EBF6E1, #3FA186, #B05E97, #A6436B, #152305)

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