Cobalt Corridor color palette — #F7EFF3 · #ABCCE7 · #627AB2 · #005C58 · #23173F

Slate and Peacock set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Sky (#ABCCE7): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#627AB2): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005C58): A full-bodied, dusty teal — the color of sea glass.
• Deep Indigo (#23173F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, 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

• Worn Forest color palette (#F5F0F5, #A6CFDB, #0389AC, #006023, #002043)
• Patina Veranda color palette (#F0F7F2, #A0CBE8, #2A7ACB, #005E6B, #2B395C)
• Washed Periwinkle Grove color palette (#F9F4EE, #C1E3F5, #6DAAEE, #007C8E, #1D2C54)
• Dusty Denim color palette (#F6E6F2, #5595A2, #004E76, #002D1E, #01001E)
• Patina Coast color palette (#D8EEF2, #00A79A, #BD507D, #00635A, #36061D)
• Hushed Balcony color palette (#F1E6E9, #7AA0C6, #4547B0, #00393C, #130023)
• Hushed Hollow color palette (#FAE8EF, #527DA0, #242693, #001F20, #020007)
• Jade Market color palette (#E7F2D5, #5CA669, #007A64, #004B49, #002834)

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