Cocoa Corridor color palette — #E7F6EE · #4A99B5 · #7A5190 · #6F2600 · #132400

Built around Rust, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Cream (#E7F6EE): a clean, paper-quiet neutral.
• Cerulean (#4A99B5): A luminous, balanced blue — the color of open sky before noon.
• Slate (#7A5190): A full-bodied, balanced violet — the color of twilight just after sunset.
• Rust (#6F2600): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#132400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged 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

• Mulberry Dune color palette (#FAEEF6, #7A8AC5, #964469, #583A00, #002614)
• Hazy Garnet Canyon color palette (#ECF5EB, #409E9B, #54609A, #711842, #2B1B00)
• Powdered Coast color palette (#E5FAFA, #429C77, #8A477F, #4A4C00, #1A3B18)
• Airy Workshop color palette (#F9E8F1, #6B5BB1, #831419, #232C00, #000D12)
• Weathered Turquoise color palette (#EBF7FF, #15B5E1, #A165B0, #884C1C, #194225)
• Mulberry Veranda color palette (#CBE8DF, #0076BE, #80007A, #462100, #011300)
• Dusty Grove color palette (#D3EFE0, #BFAAC1, #A08192, #80533F, #3B3731)
• Misty Delta color palette (#F5F6EC, #97CB8C, #997AB7, #586300, #0D3504)

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