Cobalt Corridor color palette — #F8EFF4 · #B1CCDC · #4080BB · #005C58 · #131C44
Built around Cerulean, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Ivory (#F8EFF4): bright and airy, almost weightless.
- Lilac Frost (#B1CCDC): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#4080BB): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005C58): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#131C44): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, 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
- Tempered Cabin color palette (#EFF7F6, #9ACEE4, #1E82B0, #005E6C, #223D54)
- Weathered Quarry color palette (#F9EFF2, #C9DFF6, #7D8BB9, #006A7A, #242949)
- Petrol Market color palette (#F0E6EC, #85C0BF, #00788E, #004E30, #001828)
- Weathered Abyss Hollow color palette (#F0E2EC, #4F979C, #005267, #002D1E, #00050C)
- Azure Corridor color palette (#FDF3EC, #B2E1CA, #479BE5, #007C78, #4D2E47)
- Ultramarine Grove color palette (#EEE3E8, #6FA3C5, #1452B1, #00393C, #09002E)
- Hushed Raspberry color palette (#D9EEEF, #47A586, #B8547F, #00654C, #37051E)
- Tempered Emerald Corridor color palette (#E0E9CC, #61A365, #007950, #004740, #002325)
Browse the whole catalog at Explore, or see today's palette.