Cobalt Corridor color palette — #F7F1E8 · #B1D0C0 · #3983B1 · #005B5E · #06213E

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Oat (#B1D0C0): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#3983B1): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005B5E): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#06213E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, 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

• Muted Cobalt color palette (#FDF2F7, #A4CBE2, #217BC9, #00624F, #33365C)
• Petrol Summit color palette (#EEE8E0, #9FBD9D, #007985, #004D38, #001922)
• Hushed Coast color palette (#F5F1EB, #C8E3DB, #738EBD, #006981, #3E2036)
• Dusty Abyss color palette (#ECE5DA, #5A9697, #00535F, #002D22, #000509)
• Worn Grove color palette (#F5F1EB, #CAE0DE, #6CA4C4, #197A79, #113F36)
• Tempered Alley color palette (#F4D6E3, #826BBE, #A75500, #006B58, #170A2F)
• Weathered Denim Study color palette (#EAE4DC, #7BA796, #005A9D, #003840, #000034)
• Petrol Lagoon color palette (#FFECF4, #F5D2FE, #DA97B5, #5061A0, #371924)

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