Cobalt Basin color palette — #EDF0E8 · #A1C9ED · #3F88DA · #00668A · #0F2A5E

Azure takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#EDF0E8): a clean, paper-quiet neutral.
• Sky (#A1C9ED): A luminous, dusty blue — the color of open sky before noon.
• Azure (#3F88DA): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#00668A): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#0F2A5E): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Hushed Dune color palette (#E9F9F8, #D4DBF8, #5095E2, #006587, #0B1D3D)
• Cerulean Harbor color palette (#EEF0E2, #A5D0B5, #0394B9, #006B71, #003347)
• Sunlit Sapphire color palette (#F5EDE5, #8AB7DC, #395FC6, #004E57, #2C284C)
• Dusty Periwinkle color palette (#FCE9EF, #AAD9FF, #81A3EC, #0F8E9C, #2C284C)
• Hushed Lantern color palette (#F5F6ED, #ACE6F2, #00ACD1, #008285, #00475E)
• Patina Petrol Bloom color palette (#EEF1E3, #78AAC1, #006E9D, #004855, #001527)
• Misty Crimson Corridor color palette (#F8DCE4, #A169CB, #CB4358, #006FAB, #291438)
• Weathered Byzantium color palette (#F6D3DE, #B17DDE, #0097A8, #8A14CB, #002F36)

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