Cobalt Corridor color palette — #F0F5FE · #C9E8D3 · #7084BC · #374662 · #161B25

A conversation between Slate Blue and Navy, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F0F5FE): a clean, paper-quiet neutral.
• Celadon Mist (#C9E8D3): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#7084BC): A luminous, balanced violet — the color of a velvet chair.
• Navy (#374662): A deep, shadowed, dusty violet — the color of a velvet chair.
• Midnight (#161B25): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Sophistication. Tagged luxury, dark, 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

• Plum Balcony color palette (#F6F3FF, #D9EFB9, #9C5A9B, #4C2A4B, #100E17)
• Tempered Ash color palette (#FBF2F8, #FFD0D6, #909CC9, #7A6675, #32282F)
• Worn Petrol color palette (#F7EFF5, #D4C19C, #516087, #3F283C, #1B1019)
• Washed Coral Coast color palette (#F2F5FB, #DCD9E3, #F48E7D, #8098D5, #251B22)
• Hushed Apricot color palette (#EEF6FF, #9DC7FA, #DBA15F, #608F6E, #29333E)
• Tempered Blush color palette (#E8FAF4, #DCD7FF, #CE8AAC, #3A8172, #3E3D50)
• Lapis Hollow color palette (#F1F5FF, #BCEB7D, #654CD9, #2B2558, #030618)
• Hushed Mallow Ridge color palette (#F4F4FE, #D3B0F7, #C0795A, #427050, #222A39)

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