Lagoon Coast color palette — #EEF5E5 · #409A74 · #5674AE · #33508A · #151D05

Built around Fern, softened by Peacock — the whole palette hums with calm and balance.

The five colors

• Cream (#EEF5E5): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#409A74): A luminous, balanced teal — the color of sea glass.
• Slate (#5674AE): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#33508A): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#151D05): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Calm, Balance. Tagged muted, cool.

Use it as a design system

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

• Softworn Bronze color palette (#F8F1E3, #9F831A, #437BA1, #005883, #231803)
• Timeworn Denim Harbor color palette (#F6F2E6, #959141, #565DA1, #663000, #331500)
• Aged Petrol color palette (#E7F6ED, #00899B, #006D92, #4D3161, #181201)
• Linen Emerald color palette (#F2F3E4, #5D984A, #936091, #6F3C6E, #1B1B06)
• Tempered Jade Corridor color palette (#FFEDEA, #7AAC6E, #287688, #6C2F42, #1C2710)
• Tempered Station color palette (#F7F6E5, #758B4C, #606AAF, #76396A, #34332C)
• Dusty Olive color palette (#F4F2E8, #B4B882, #0082A1, #676A00, #02120A)
• Softworn Workshop color palette (#DBEFE2, #008399, #97475A, #722339, #001509)

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