Cobalt Corridor color palette — #F5F4FF · #E9DCD8 · #FFC78F · #637BBD · #2E203E

A conversation between Slate and Cantaloupe, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Bone (#E9DCD8): bright and airy, almost weightless.
• Cantaloupe (#FFC78F): A whisper-light, balanced gold — the color of old brass.
• Slate (#637BBD): A full-bodied, balanced violet — the color of wild irises.
• Deep Indigo (#2E203E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Creativity, Sophistication. Tagged pastel, light, muted.

Use it as a design system

One click turns Cobalt Corridor 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

• Hushed Oat color palette (#FFF1F4, #E3DDD1, #C5D08D, #936B9D, #381E34)
• Worn Ash color palette (#F6F3FF, #DDD7CD, #AECAD9, #9897CA, #3A2D42)
• Dusty Grape Orchard color palette (#FFEAEC, #F2C3B8, #CF8F71, #654AB3, #4F253D)
• Hushed Mustard Thicket color palette (#F7F3FF, #FFD7D2, #D5AE49, #775EA9, #230008)
• Chalky Mulberry Bloom color palette (#F2EBFF, #EEB6CE, #D27F8F, #8B438F, #2D0B21)
• Hazy Peony color palette (#FAF2FF, #E73596, #00849D, #005768, #0E0217)
• Hushed Coral color palette (#FFF0F8, #CBEDD6, #A8DAE1, #C6798B, #254229)
• Worn Balcony color palette (#FFEDF2, #FFBC9C, #A7AB49, #623F7C, #0C0000)

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