Cobalt Boulevard color palette — #FAF4F0 · #C4E6D3 · #518ECC · #01735E · #593E50

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Celadon Mist (#C4E6D3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#518ECC): A luminous, balanced blue — the color of deep harbor water.
• Teal (#01735E): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#593E50): A full-bodied, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Cerulean Bloom color palette (#FBF3F1, #CCE4C8, #0E9AB7, #426F3F, #2B5047)
• Olive Dune color palette (#FFF0FE, #5D8ACA, #668900, #32794E, #443044)
• Tempered Cobalt color palette (#FCF3EC, #A3D0C1, #5A74BE, #00605E, #502E3E)
• Hushed Workshop color palette (#FBF4EA, #C8F0DA, #73ACD2, #3C888A, #543F56)
• Patina Cerulean Villa color palette (#EBF5ED, #AEE6FB, #5495BE, #256A6C, #1A2D42)
• Dusty Shell color palette (#FFF0FA, #E7D9D6, #F9B6AF, #4F849E, #614851)
• Timeworn Cerulean Pier color palette (#F3E2DA, #308F9A, #00425D, #002413, #000428)
• Dusty Teal Meadow color palette (#FAF3F7, #D4E0F8, #9AC3E5, #5FA79E, #344867)

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