Hazy Cocoa color palette — #CDE6D6 · #A65A8C · #842900 · #003142 · #23000B

A conversation between Rust and Magenta Rose, giving this palette its sense of creativity and warmth.

The five colors

• Celadon Mist (#CDE6D6): A whisper-light, dusty teal — the color of glacier melt.
• Magenta Rose (#A65A8C): A full-bodied, balanced pink — the color of neon signs at night.
• Rust (#842900): A full-bodied, balanced orange — the color of toasted spice.
• Deep Teal (#003142): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#23000B): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Creativity, Warmth, Comfort, Balance. Tagged retro, warm.

Use it as a design system

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

• Chestnut Studio color palette (#D6F1DF, #B96F8F, #8F4200, #003D5D, #2E080F)
• Washed Plum Ridge color palette (#EAE5F5, #984989, #5F4000, #002D33, #190015)
• Mulberry Station color palette (#D6F0E3, #8C60B7, #891442, #003433, #1D001E)
• Feathered Plum Drift color palette (#CDE8D4, #AC2C56, #583100, #001E3F, #120000)
• Rust Study color palette (#F8D2DE, #BF4C4B, #7E3200, #303700, #3D160F)
• Feathered Navy Study color palette (#DFF7E1, #BF513B, #5D4A00, #210083, #1B0800)
• Onyx Workshop color palette (#EADEEC, #B88795, #7F5C70, #004954, #061843)
• Navy Archive color palette (#E5F8E8, #C8888C, #8B6226, #1F4287, #33182B)

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