Cobalt Boulevard color palette — #FEF1F5 · #BEE1FF · #7089C1 · #1A6E79 · #3F4661

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

The five colors

• Ivory (#FEF1F5): bright and airy, almost weightless.
• Powder Blue (#BEE1FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#7089C1): A luminous, balanced violet — the color of wild irises.
• Teal (#1A6E79): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#3F4661): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Cornflower Dune color palette (#FFF1F6, #A0D6FA, #467CDA, #00656C, #3A386D)
• Timeworn Cypress color palette (#F8EFF2, #C6E0F7, #7F8BB9, #006C6E, #282945)
• Worn Coast color palette (#FCF4EC, #C1E7EB, #95A3D0, #35898A, #5E3C4A)
• Timeworn Orchard color palette (#E2FAFF, #D0DCE9, #B8C6F1, #638E76, #3A5560)
• Antique Denim Corridor color palette (#F5E4F0, #58ADBE, #005F84, #003F34, #001E45)
• Navy Lantern color palette (#F3E5EC, #338BAE, #003E6E, #002221, #03012B)
• Aged Aqua color palette (#DAFDFF, #3DCDD1, #00838D, #004E55, #00353A)
• Teal Boulevard color palette (#E2FAFF, #00B8A8, #C76A6B, #00766B, #533752)

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