Cerulean Boulevard color palette — #F6EFF6 · #BFE3EF · #339ABF · #316D41 · #172D46

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Blush (#F6EFF6): bright and airy, almost weightless.
• Powder Blue (#BFE3EF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#339ABF): A luminous, balanced blue — the color of open sky before noon.
• Pine (#316D41): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#172D46): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Antique Iris color palette (#F7EFF2, #C4E0FB, #7B89C8, #006C6F, #282942)
• Worn Thicket color palette (#EFF8F1, #ADE9EB, #5096A5, #306F5F, #2C4C60)
• Feathered Lilac color palette (#E4F6F6, #67B78E, #A173D7, #00784E, #232342)
• Weathered Pier color palette (#FCF3F0, #CCF0CE, #5BB1D3, #558861, #563E57)
• Patina Denim Villa color palette (#F4E9F1, #4697A4, #004F73, #002D1B, #00001F)
• Timeworn Market color palette (#F8F5EF, #B9E6EE, #67CBE1, #27967D, #224839)
• Patina Cobalt color palette (#FCEDF6, #76C9E1, #0076C2, #005341, #110A4C)
• Nightshade Meadow color palette (#F0DEE4, #447FA7, #1A219D, #001F1F, #020008)

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