Cobalt Boulevard color palette — #FBF2F6 · #AFC8DE · #5874BF · #00605D · #3E325A

Built around Slate, softened by Peacock — the whole palette hums with creativity and calm.

The five colors

• Ivory (#FBF2F6): a clean, paper-quiet neutral.
• Sky (#AFC8DE): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#5874BF): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#00605D): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#3E325A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: 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

• Cobalt Garden color palette (#FEF1F9, #89C1D7, #036EC7, #005749, #2B2371)
• Chalky Forest color palette (#FAF2FA, #A0CEDB, #0085A8, #006528, #193B63)
• Cobalt Study color palette (#F7F1E7, #A7D2C3, #3C7EC7, #005967, #2F152C)
• Tempered Azure color palette (#F0F7F1, #AFDBF8, #4998EF, #00798C, #293A59)
• Indigo Terrace color palette (#DAF6EF, #749B57, #7966C8, #376500, #362866)
• Timeworn Lantern color palette (#FAF3F6, #D8DEEF, #849ABF, #2C7D75, #4B516B)
• Patina Summit color palette (#F6E9F2, #559BA9, #004F76, #003121, #050643)
• Gentle Boulevard color palette (#EEDEE3, #7EA2C8, #4847A9, #003D42, #2D0944)

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