Cerulean Boulevard color palette — #FAF4EC · #B2F4F2 · #0EA4B6 · #006C52 · #00222E

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

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Sea Foam (#B2F4F2): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0EA4B6): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006C52): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00222E): 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

• Azure Atelier color palette (#FAF4EC, #C1F2DF, #5596D9, #006876, #0A1948)
• Timeworn Cypress Cabin color palette (#FAF4EB, #BDE4EC, #56B4D0, #008171, #00334A)
• Aged Denim color palette (#E8DFD0, #68AFBC, #005E79, #002C28, #000103)
• Patina Alley color palette (#E7F2E9, #5FC4C2, #007683, #00523D, #003343)
• Muted Grove color palette (#FDF4E6, #92D8EB, #0085B2, #00524F, #000E1D)
• Antique Loft color palette (#F8F4EE, #C2DEE3, #9ACFCA, #5BA18F, #325647)
• Tempered Grove color palette (#F9F4EE, #C5DDE8, #89C2EE, #00949C, #4D364D)
• Feathered Wisteria color palette (#F6F8DE, #83BC70, #B673D7, #2D7400, #280038)

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