Cobalt Lagoon color palette — #F8EFF2 · #ABCCE9 · #5B79BD · #005A63 · #1F1941

Slate and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Sky (#ABCCE9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#5B79BD): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005A63): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#1F1941): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Hushed Coast color palette (#F7EFF5, #A7CFDD, #1689A8, #005E42, #00233B)
• Antique Cobalt Corridor color palette (#EAF8F8, #AAC9E5, #4C7BAF, #005B7A, #213A64)
• Dusty Boulevard color palette (#F3F7ED, #C1E0F4, #7AA9E2, #26789B, #1C2E4D)
• Antique Thicket color palette (#F1E6ED, #4796AA, #004F75, #002C26, #000315)
• Dusty Raspberry color palette (#D2EFF7, #00A6A4, #BA537D, #006261, #35081D)
• Jade Quarry color palette (#E2F2E3, #34A777, #00806E, #004A4B, #00222B)
• Muted Terracotta Summit color palette (#D1E5EB, #008E8F, #AB4A5D, #973538, #00171E)
• Hushed Powder color palette (#D9F9FF, #B8E1FD, #95B1EA, #4F7F58, #012834)

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