Tempered Cocoa Drift color palette — #E9F9F7 · #64985E · #4B5EA4 · #7A2B0D · #423800
A conversation between Rust and Slate, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E9F9F7): a clean, paper-quiet neutral.
- Fern (#64985E): A luminous, balanced green — the color of fresh herbs.
- Slate (#4B5EA4): A full-bodied, balanced violet — the color of a velvet chair.
- Rust (#7A2B0D): A full-bodied, balanced orange — the color of autumn markets.
- Deep Olive (#423800): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Muted Denim Boulevard color palette (#E9F8FB, #449A89, #6F5299, #693C00, #004333)
- Ancient Mulberry Ridge color palette (#ECF9F2, #958B33, #006D8E, #7D194F, #4A3300)
- Washed Lantern color palette (#C9F1F1, #008356, #222DC2, #620A00, #002D15)
- Cocoa Balcony color palette (#EBF7FF, #5FA2BD, #955E6B, #82393E, #1B4C3E)
- Mulberry Boulevard color palette (#EDF7FF, #0086C5, #A41835, #623100, #223800)
- Ultramarine Harbor color palette (#E7F6EC, #109EB6, #3B60B1, #542D66, #002519)
- Pewter Bloom color palette (#FFF1F6, #98B9A4, #6E794A, #306651, #31493A)
- Washed Aubergine color palette (#CEE6EF, #00777E, #5F2580, #422700, #002524)
Browse the whole catalog at Explore, or see today's palette.