Cobalt Bloom color palette — #F9F0EB · #92DDF3 · #008BCD · #006358 · #0D234B
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Cream (#F9F0EB): a clean, paper-quiet neutral.
- Ice Blue (#92DDF3): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#008BCD): A luminous, balanced blue — the color of deep harbor water.
- Pine (#006358): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#0D234B): A deep, shadowed, dusty 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 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
- Wandering Coast color palette (#FFEEE3, #6AC9ED, #0076C1, #00524E, #0A1344)
- Patina Cobalt color palette (#F8F0E9, #A2D4C3, #4878D3, #005A61, #321428)
- Cerulean Grove color palette (#F8F0EC, #CBE4CE, #3E9AB9, #226D53, #01352B)
- Hazy Azure Quarry color palette (#FFF0F9, #9CE8FF, #44A5E2, #008476, #273E6A)
- Cerulean Alley color palette (#F7E7DF, #3E97AA, #004F71, #002C25, #000412)
- Nightshade Garden color palette (#ECE1D7, #497DAB, #171EA1, #001E24, #020009)
- Clover Corridor color palette (#DBE4C5, #52B930, #008351, #005141, #002B2B)
- Mint Atelier color palette (#CBFFEF, #00D0AD, #007C64, #00473A, #00130E)
Browse the whole catalog at Explore, or see today's palette.