Cobalt Boulevard color palette — #FBF4ED · #BDE7DA · #6F88C6 · #076F7C · #583F4D

Built around Slate Blue, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Celadon Mist (#BDE7DA): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#6F88C6): A luminous, balanced violet — the color of a velvet chair.
• Teal (#076F7C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#583F4D): A full-bodied, dusty pink — the color of peonies in June.

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

• Dusty Periwinkle color palette (#F3F7EE, #BEF1E3, #7AA7E1, #4782A1, #544052)
• Hushed Dune color palette (#FBF3F0, #C8E5CD, #4795B3, #107357, #275147)
• Wandering Atelier color palette (#EAF4F4, #C0E0FF, #6E90BB, #33657E, #1F2D41)
• Hushed Cornflower color palette (#FDF3E9, #A1D5FA, #3C79E9, #00656C, #3A386C)
• Wandering Denim Delta color palette (#F6E6DE, #55ADBF, #005F85, #003F34, #001D46)
• Worn Thicket color palette (#EEE0D5, #438AA9, #003D71, #002222, #04012B)
• Tempered Aqua Grove color palette (#FFF2EC, #45CCDE, #00789F, #005845, #013460)
• Feathered Peony color palette (#F7F6E8, #93AB55, #B568B5, #5A6F11, #5A363D)

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