Tempered Cocoa Drift color palette — #F6DBE9 · #916928 · #6E2E00 · #470013 · #060500

Built around Rust, softened by Espresso — the whole palette hums with optimism and balance.

The five colors

• Shell Pink (#F6DBE9): A whisper-light, dusty rose — the color of a warm blush.
• Walnut (#916928): A full-bodied, balanced gold — the color of old brass.
• Rust (#6E2E00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#470013): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#060500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Balance, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Tempered Cocoa Drift 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 Dune color palette (#DCF3DE, #76753D, #5A3E00, #3D1400, #010700)
• Garnet Thicket color palette (#F8DDE9, #9E8249, #824100, #620012, #0F1000)
• Powdered Bronze color palette (#F8E2EF, #BF9868, #A54E26, #761D35, #211C00)
• Worn Cocoa Harbor color palette (#FCEDF3, #98B49E, #936B4B, #6F3B37, #0D2920)
• Aubergine Lantern color palette (#D2F6F4, #006334, #5F0492, #401C00, #000301)
• Washed Cabin color palette (#DEEFF1, #B25B4F, #00322A, #191418, #000A08)
• Sunlit Lantern color palette (#D7E6E6, #008F57, #0F20BC, #004225, #00000C)
• Timeworn Lagoon color palette (#E4F5E7, #008B7A, #005068, #001B4C, #060017)

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