Cobalt Boulevard color palette — #FAF4F0 · #B0CDBC · #477CAF · #00624E · #313563

Slate and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Pistachio (#B0CDBC): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#477CAF): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#00624E): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#313563): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, 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

• Cobalt Coast color palette (#EDF4EE, #99D1E5, #0085BC, #005B5C, #07213B)
• Weathered Lapis Corridor color palette (#F6EDE2, #8FBCB1, #585CB4, #004F54, #39204E)
• Iris Hollow color palette (#F9F4EF, #C6E4DB, #7886C1, #007073, #5E3C4A)
• Azure Terrace color palette (#F9F4EE, #A6DFF2, #459FD1, #007C7D, #203C5A)
• Antique Lagoon color palette (#EBDCD7, #4A9F9F, #005268, #00330F, #00142D)
• Violet Studio color palette (#FBDBE7, #8A63BC, #7B6D00, #406021, #322248)
• Cypress Terrace color palette (#FAF4F0, #CEE4E2, #73A597, #337E67, #624A5B)
• Aged Petrol Veranda color palette (#FFF0F8, #F8CDD0, #D89D98, #007CAB, #59323E)

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