Cobalt Bloom color palette — #EFF6FE · #CEE0F8 · #ABBEE3 · #197BCA · #233446

Built around Azure, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF6FE): a clean, paper-quiet neutral.
• Powder Blue (#CEE0F8): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#ABBEE3): A luminous, dusty violet — the color of a velvet chair.
• Azure (#197BCA): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#233446): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Indigo Thicket color palette (#F2F5FD, #D8DDF3, #C7B3E3, #6960E5, #293249)
• Weathered Cobalt Market color palette (#EDF7FF, #DCD9E4, #C9AAA8, #0087C2, #102738)
• Hushed Lagoon color palette (#EEF7FA, #C9E3EF, #87C9E1, #00888F, #1F373F)
• Softworn Courtyard color palette (#EDF6FE, #C4D3EE, #A0A4C2, #006091, #1F3547)
• Hushed Grove color palette (#EFF6FF, #9CD1FF, #93B6FF, #9474FF, #1C1D5F)
• Ash Meadow color palette (#F5F4FB, #E1D8DF, #CDBCC6, #A581A5, #484650)
• Tempered Navy color palette (#E5E9F1, #9DA4B8, #7D84A5, #2A3796, #030817)
• Weathered Grape color palette (#EEEDF6, #C5C1D5, #AB9DC0, #7F4198, #1F1D2D)

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