Cocoa Corridor color palette — #CEECEF · #8CACB7 · #4D7790 · #683A4C · #341A30

Cocoa takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#CEECEF): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#8CACB7): A luminous, dusty blue — the color of deep harbor water.
• Slate (#4D7790): A full-bodied, dusty blue — the color of open sky before noon.
• Cocoa (#683A4C): A full-bodied, dusty rose — the color of a warm blush.
• Deep Indigo (#341A30): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Cocoa 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

• Wandering Cocoa color palette (#C0E6FC, #8DA2B6, #6A728E, #77412B, #172B17)
• Pewter Coast color palette (#DCF8FF, #A2BECF, #71859F, #6A506B, #4D2E3E)
• Sunlit Cabin color palette (#C6EBF3, #60A1D5, #6564B2, #7A1604, #321D00)
• Teal Workshop color palette (#CBEEEA, #2DADB3, #007084, #00455A, #002135)
• Cypress Study color palette (#E6F6F3, #7DAD91, #007663, #324F2A, #002222)
• Tempered Petrol color palette (#F2E7C1, #9BAD8A, #3A7F9C, #704A27, #4B3E00)
• Dusty Boulevard color palette (#E0F1ED, #3B8796, #33557B, #4C172C, #2C0800)
• Cerulean Harbor color palette (#EDF4EE, #A8CEE1, #2786AE, #005C59, #00223C)

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