Cobalt Boulevard color palette — #FEF2EE · #ABD0B1 · #0083AE · #006435 · #273B5A

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FEF2EE): bright and airy, almost weightless.
• Pistachio (#ABD0B1): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#0083AE): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006435): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#273B5A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. 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

• Ancient Cobalt color palette (#FBF4EE, #A6D0BE, #5277B9, #006059, #4F2E41)
• Dusty Cerulean Hollow color palette (#EDF4EE, #97D4D8, #148AA2, #005D4E, #002337)
• Sapphire Boulevard color palette (#F8ECE3, #90BDA8, #0063CD, #005146, #2B284C)
• Turquoise Studio color palette (#FAF4EC, #95E4EA, #33A5BF, #2B7B6B, #114055)
• Hushed Onyx color palette (#EFDED7, #3B8E98, #00425E, #002414, #00032A)
• Aged Pine Pier color palette (#E2FDE9, #B0E6EE, #C5A7E5, #3A7949, #2C4439)
• Hushed Turquoise Atelier color palette (#FBF3F1, #C8ECE3, #62A3BD, #507A58, #5E4B5F)
• Scarlet Dune color palette (#E2F4E7, #009FB4, #CC3F4B, #00626F, #532627)

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