Cobalt Lagoon color palette — #F7EFF4 · #AECCDF · #3582BC · #005C55 · #101D42

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#F7EFF4): a clean, paper-quiet neutral.
• Lilac Frost (#AECCDF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#3582BC): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005C55): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#101D42): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Washed Cobalt color palette (#EEF7F6, #A2CCE4, #0083B1, #005E6A, #1E3E56)
• Hushed Iris Lagoon color palette (#F9EFF2, #C7DFF7, #748CC3, #006B77, #2B2649)
• Ancient Petrol Workshop color palette (#F1E5ED, #81C1BE, #00788B, #004E2B, #001826)
• Worn Lagoon color palette (#EDE0E9, #45999A, #005263, #002D1B, #00050B)
• Cobalt Bloom color palette (#EEF1FF, #E9CFEA, #DD94A4, #396CB6, #27233D)
• Wandering Azure Pier color palette (#FAF4EF, #B4E0C9, #299DEA, #007D74, #4B2F48)
• Fern Garden color palette (#DDDFF5, #8B68B7, #846C00, #446800, #1A0A2C)
• Worn Denim color palette (#F2E2E9, #75A3BD, #0555AB, #00393B, #07002F)

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