Cobalt Basin color palette — #CCE3EC · #54B9F7 · #2587D9 · #3658A6 · #313766

Azure and Cobalt set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#CCE3EC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#54B9F7): A luminous, balanced blue — the color of open sky before noon.
• Azure (#2587D9): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#3658A6): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#313766): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Chalky Cobalt color palette (#BBE8ED, #35B2D6, #1771CE, #3B38A1, #433062)
• Gentle Grove color palette (#D4EBFF, #8DB7F9, #7589D8, #665F9F, #4E3E63)
• Hazy Parlor color palette (#C7F3F3, #14C2D5, #008DAE, #006589, #003C61)
• Cornflower Garden color palette (#E9F8FF, #8FD0FF, #2C92FE, #3B5CAB, #222347)
• Worn Periwinkle color palette (#DAF5F8, #35C8FB, #39A3FF, #6870CA, #3F2F57)
• Ancient Delta color palette (#EAF0FF, #9FB7FD, #6E7AD0, #3B4593, #141A4E)
• Ultramarine Workshop color palette (#CEE4F4, #008AE9, #225ADB, #292A9D, #1D0D4C)
• Sunlit Sapphire Corridor color palette (#FEE6FD, #7DA9ED, #C2951D, #2866C5, #453200)

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