Cobalt Basin color palette — #F7F1E8 · #A0CEEC · #317ECC · #005967 · #30152D

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

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Sky (#A0CEEC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#317ECC): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005967): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#30152D): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Aged Ridge color palette (#F6F1E9, #97D2E4, #0086B9, #005B5B, #002720)
• Washed Azure color palette (#EDF9EF, #A6DCFF, #6099D8, #137989, #2A3B57)
• Ancient Navy color palette (#E6DFD5, #477EA8, #00377F, #001E26, #01000C)
• Muted Cerulean color palette (#F1E8D9, #4897A4, #005168, #002C28, #00050B)
• Cobalt Grove color palette (#F9E5D3, #C67E39, #0080D1, #7D4500, #001D36)
• Feathered Basin color palette (#F7EEE1, #76A1CA, #1D4DBA, #003746, #07032A)
• Weathered Aubergine Delta color palette (#FCE6CF, #AD6B00, #007F78, #704195, #201000)
• Chestnut Loft color palette (#EBDED2, #B39265, #8E5521, #632C16, #221500)

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