Tempered Cobalt Boulevard color palette — #FAF4F0 · #C1E7D1 · #4D8FCB · #00735B · #593E51

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Celadon Mist (#C1E7D1): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#4D8FCB): A luminous, balanced blue — the color of deep harbor water.
• Pine (#00735B): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#593E51): A full-bodied, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Ancient Cobalt color palette (#FEF3EC, #94DBEB, #0087CA, #00694B, #303D67)
• Cerulean Study color palette (#FCF3F0, #C9E6C6, #009AB9, #3E703D, #235147)
• Soft Lagoon color palette (#F9F6E2, #96A960, #5984E8, #5B6F00, #533850)
• Patina Turquoise Harbor color palette (#F9F4ED, #BBEEFF, #6BAED4, #3F8888, #2C4F48)
• Abyss Canyon color palette (#F7E9E3, #458D94, #00425B, #002411, #000721)
• Hushed Sapphire color palette (#F5EDE7, #90BDA6, #0067C1, #005144, #29294E)
• Airy Sapphire color palette (#FEF3E8, #6EC1F8, #3351FF, #005654, #3A2165)
• Muted Ultramarine color palette (#F2E9DE, #7AA3C8, #3D3ACB, #003E40, #281041)

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