Cocoa Corridor color palette — #FDF4E4 · #F3C0CF · #D2A382 · #5A91C0 · #71331C

Built around Rust, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Cream (#FDF4E4): A whisper-light, dusty gold — the color of old brass.
• Oat (#F3C0CF): A whisper-light, dusty rose — the color of pressed rose petals.
• Camel (#D2A382): A luminous, dusty gold — the color of old brass.
• Cerulean (#5A91C0): A luminous, balanced blue — the color of open sky before noon.
• Rust (#71331C): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged retro, light, muted, warm.

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

• Lagoon Meadow color palette (#FAF5E5, #F1C1D1, #D69BA7, #389D9C, #5C3E42)
• Timeworn Iris color palette (#FFF3E6, #F3C5AC, #B3B372, #8F80C2, #4C4741)
• Aged Taupe color palette (#FFF3E4, #FFD1C0, #CC9562, #5F7D4D, #613100)
• Hushed Indigo color palette (#FEEBD5, #EBA886, #A09B49, #6F67B9, #342F2A)
• Pale Sapphire color palette (#FFF3E2, #FFA49F, #D39A19, #4762E6, #592304)
• Olive Lagoon color palette (#EBFAEC, #E4B09C, #B5885D, #597949, #583F4C)
• Dusty Bronze Lagoon color palette (#FCEFE7, #EAA388, #9C7334, #7D441A, #27201E)
• Ancient Ridge color palette (#F6F6EB, #D8E2C7, #A5BE9F, #BA8C91, #43550F)

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