Weathered Cocoa color palette — #DFF0E4 · #006B7D · #832E00 · #481500 · #000102
Rust and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#DFF0E4): A whisper-light, dusty teal — the color of glacier melt.
- Peacock (#006B7D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Rust (#832E00): A full-bodied, balanced orange — the color of sun-warmed clay.
- Espresso (#481500): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Black (#000102): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Weathered 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
- Obsidian Garnet Studio color palette (#D2EDDF, #007290, #730C00, #131800, #010100)
- Timeworn Ultramarine color palette (#F2E4F2, #005BBF, #8F1900, #4F0800, #000105)
- Garnet Canyon color palette (#CFE9D9, #004C5C, #690025, #2C1600, #000102)
- Aged Mulberry Delta color palette (#DCE7D4, #00705B, #8A0061, #4B0034, #000201)
- Gentle Lapis color palette (#F3D8E9, #5443CB, #6D4200, #3B2100, #010009)
- Dusty Plum Meadow color palette (#DCF2FD, #008AA5, #C62455, #774900, #000608)
- Eclipse Aubergine Boulevard color palette (#CDEEE5, #005287, #5F006F, #141100, #000104)
- Mulberry Alley color palette (#DFEFE0, #00A1A7, #8A0060, #004548, #040002)
Browse the whole catalog at Explore, or see today's palette.