Cobalt Corridor color palette — #F9F4EE · #ABCFBC · #1A80B7 · #005F62 · #223C5B

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

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Pistachio (#ABCFBC): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#1A80B7): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005F62): A full-bodied, dusty teal — the color of sea glass.
• Navy (#223C5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Weathered Petrol Boulevard color palette (#FEF4E4, #67C8D6, #007A98, #00574E, #003753)
• Dusty Cornflower Villa color palette (#FBF4E9, #A4D5F9, #177CEE, #006476, #313D68)
• Cobalt Terrace color palette (#F9F0EA, #8CD3ED, #437FBE, #005D4D, #301628)
• Cobalt Field color palette (#F9F4EE, #BDE7DB, #5F89D3, #196C83, #573F50)
• Softworn Field color palette (#ECF8F7, #C1E6FD, #71BCE4, #309BAD, #0B3E5E)
• Aged Navy color palette (#F0EAE1, #448AA9, #003F68, #002225, #000720)
• Muted Blush Bloom color palette (#FFF1F7, #FCCCD6, #E092B0, #536496, #4D333B)
• Muted Grove color palette (#F1ECE3, #76A5C1, #00599B, #003D45, #0D1C42)

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