Cerulean Bloom color palette — #F9F4ED · #B9E8D9 · #628CC5 · #196D7F · #593D53

Built around Slate Blue, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Mint (#B9E8D9): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#628CC5): A luminous, balanced blue — the color of deep harbor water.
• Teal (#196D7F): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#593D53): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

One click turns Cerulean 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

• Worn Cypress color palette (#F8F0E9, #C1E6D9, #738DBF, #006B74, #3D2233)
• Hushed Cobalt Loft color palette (#FDF4E7, #96D7FF, #4383C4, #006472, #2C3E69)
• Periwinkle Archive color palette (#E1FCF4, #54A7E8, #B97842, #2D6A9A, #47413C)
• Cerulean Pier color palette (#FFEFFF, #E0DBE8, #DDAEBF, #4F8097, #5C4959)
• Patina Cerulean color palette (#FAF4EB, #C9E5C8, #2D9AA9, #396E5B, #305040)
• Ancient Periwinkle Boulevard color palette (#FCF2F6, #D7DCF4, #87A5DB, #338890, #3D4663)
• Hushed Cobalt Field color palette (#FEF0FF, #3F8BDB, #B75968, #537435, #413242)
• Cerulean Coast color palette (#F3E9DA, #258DAE, #004162, #002224, #00091B)

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