Cerulean Boulevard color palette — #F6EFF4 · #C5E2EB · #5099AF · #326B51 · #102E46

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

The five colors

• Ivory (#F6EFF4): bright and airy, almost weightless.
• Silver (#C5E2EB): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#5099AF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pine (#326B51): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#102E46): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Cypress Villa color palette (#EEF8F5, #BFE3EF, #3D99A4, #007268, #214E60)
• Hushed Field color palette (#F7EFF4, #A8CEE0, #4683A8, #005D50, #091F41)
• Weathered Denim color palette (#F2E5EE, #4897A4, #00506D, #002D23, #00040F)
• Gentle Pine color palette (#DBF9F4, #83B37A, #AD78AB, #3B7432, #3A1839)
• Worn Driftwood color palette (#D6FBF6, #C1DEF1, #A3C3EA, #7E7B46, #15383A)
• Airy Olive Garden color palette (#EFE1AF, #A3B76F, #56883C, #0D5F33, #003327)
• Tempered Pine Market color palette (#C5FFFB, #88CFA9, #40895A, #005237, #001C0A)
• Hushed Thicket color palette (#FFECF2, #BAAA7E, #926D42, #624055, #0D291F)

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