Cobalt Lagoon color palette — #FDE7F7 · #5A6BAF · #8A5106 · #3F4B00 · #371B31

Slate takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FDE7F7): A whisper-light, dusty pink — the color of neon signs at night.
• Slate (#5A6BAF): A full-bodied, balanced violet — the color of a velvet chair.
• Coffee (#8A5106): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#3F4B00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Indigo (#371B31): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Cobalt 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

• Violet Meadow color palette (#FFE7F0, #8259AF, #6F6100, #005329, #391C28)
• Softworn Pier color palette (#FEF1F8, #6257A2, #734300, #193C00, #00202E)
• Washed Terracotta color palette (#E1F4ED, #2578A9, #A03C29, #554200, #002E23)
• Mulberry Field color palette (#FAEDD9, #9477B1, #873B67, #3D4500, #3F2444)
• Washed Basin color palette (#DDEEE5, #0081A6, #8D5600, #004E50, #00150C)
• Ancient Nightshade Workshop color palette (#FFE1F2, #4A3DA5, #5A3C00, #0D3200, #0C032E)
• Feathered Byzantium color palette (#FFD9E2, #9B10C3, #5F5C00, #00492E, #2F0D3B)
• Muted Lantern color palette (#E1F1FF, #45ABEE, #A15B00, #00715E, #0F293C)

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