Muted Cocoa Alley color palette — #E7F4FB · #4590A3 · #556FA3 · #7F3020 · #071C22

A conversation between Rust and Slate, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E7F4FB): a clean, paper-quiet neutral.
• Cerulean (#4590A3): A luminous, dusty blue — the color of deep harbor water.
• Slate (#556FA3): A full-bodied, balanced violet — the color of twilight just after sunset.
• Rust (#7F3020): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#071C22): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Aged Cocoa color palette (#E9F3FD, #6894BD, #6C5991, #6D4200, #0F1D28)
• Dusty Chestnut color palette (#FDEDF2, #83B9A2, #4F7EA1, #714712, #173037)
• Tempered Garnet Canyon color palette (#ECF2FD, #8A9BC6, #5D70A0, #76314A, #002F28)
• Pale Grape Lantern color palette (#E5F4FF, #007CA5, #6920BD, #553500, #000E16)
• Weathered Cerulean color palette (#E3F0F7, #398EAB, #333C4B, #112029, #060E10)
• Washed Plum color palette (#E9F8FC, #3DA099, #92518F, #753927, #293B36)
• Iris Dune color palette (#EEF8F1, #58B2C2, #7384C8, #935D38, #2E3A30)
• Chestnut Chapel color palette (#F0F8ED, #81D0C2, #AA80B3, #914F3C, #28240E)

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