Cobalt Lagoon color palette — #F8F0E8 · #AED0C6 · #6079B8 · #005A64 · #201A3E

A conversation between Slate and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#F8F0E8): bright and airy, almost weightless.
• Oat (#AED0C6): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#6079B8): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005A64): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#201A3E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Cerulean Study color palette (#F8F0EC, #B1D1B6, #0089AC, #005E44, #00223C)
• Cobalt Station color palette (#FDEFE5, #86C5E3, #0073CA, #005250, #0D0752)
• Dusty Denim Summit color palette (#F2E1D8, #4F95A9, #004E77, #002C27, #000219)
• Hazy Garden color palette (#D6EBED, #32A5C5, #0071A7, #00398E, #1C1C4A)
• Softworn Iris color palette (#FCF2F5, #B6D9F9, #6C91EC, #007A87, #313857)
• Wandering Mallow color palette (#DFF8F2, #F8CDE5, #D098CE, #007A8F, #172141)
• Misty Summit color palette (#D5F0E8, #5E97C7, #A37000, #00598F, #281900)
• Cypress Lagoon color palette (#F6F1EC, #CAE1E2, #B190AD, #26787F, #442E3C)

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