Cerulean Boulevard color palette — #F8F0EC · #B4D0B7 · #2988A4 · #005E41 · #00233A

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

The five colors

• Cream (#F8F0EC): a clean, paper-quiet neutral.
• Pistachio (#B4D0B7): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#2988A4): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005E41): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#00233A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Hushed Alley color palette (#F8F0E9, #AAD1C5, #5879C1, #005A63, #1F1940)
• Weathered Cypress Corridor color palette (#ECF8F6, #D3DFEC, #57B6C3, #008076, #00353F)
• Wandering Ridge color palette (#F5E9E3, #40848D, #004258, #002017, #000104)
• Soft Rust color palette (#EADBD3, #BD5B42, #007E85, #00657D, #290601)
• Navy Summit color palette (#E6DCD5, #5A92B0, #004791, #002B2D, #03001B)
• Gentle Drift color palette (#F8E4DC, #CE7468, #008E8C, #A10706, #002221)
• Sapphire Loft color palette (#FDEFE2, #8BC2EF, #3D66DF, #005059, #1C004E)
• Patina Corridor color palette (#F6E6DF, #81A78D, #006084, #003A2F, #000A1E)

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