Frosted Cocoa color palette — #F7D8C6 · #9C693A · #772702 · #510016 · #1F1400

Rust takes the lead with Espresso close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#F7D8C6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Walnut (#9C693A): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#772702): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#510016): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#1F1400): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

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

• Cocoa Meadow color palette (#F3DFEA, #966447, #732800, #460700, #0C0300)
• Bronze Studio color palette (#EBE2D6, #827733, #5C3F00, #421C00, #121900)
• Wandering Chestnut color palette (#EFE2D9, #AA7D4A, #82411C, #592324, #2E2300)
• Weathered Rust color palette (#CFE4DC, #C1533F, #3E363E, #002A40, #000B14)
• Feathered Rust Studio color palette (#FFE5F5, #CF8F53, #C45629, #963241, #011C09)
• Twilit Summit color palette (#EBE2CF, #55601B, #342B00, #1B0D00, #000500)
• Muted Drift color palette (#FFF2E9, #BAA387, #956649, #73423D, #403D36)
• Antique Workshop color palette (#FBEEC8, #8AA965, #716D04, #604300, #173F22)

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