Weathered Cocoa color palette — #D3F0E5 · #00628D · #743400 · #002D44 · #070100
A conversation between Bronze and Peacock, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D3F0E5): A whisper-light, dusty teal — the color of glacier melt.
- Peacock (#00628D): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#743400): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Midnight (#002D44): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#070100): A deep, shadowed, dusty orange — the color of toasted spice.
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
- Linen Denim color palette (#E8DAE8, #0059AF, #624200, #002856, #050200)
- Hushed Garnet color palette (#D8F7F4, #006964, #8B0030, #00312F, #0A0001)
- Cobalt Chapel color palette (#C7ECDE, #0088BE, #995200, #00415E, #030100)
- Garnet Courtyard color palette (#CCE7FD, #004D7B, #760035, #273400, #000103)
- Nightshade Hollow color palette (#F6E9F2, #272CC3, #4A3900, #0C0065, #020100)
- Airy Cornflower Meadow color palette (#CFF6EB, #008AE5, #A35E00, #004F86, #241000)
- Faded Iris Basin color palette (#CAE7DF, #6C94FF, #8258C3, #003E4B, #00051C)
- Velvet Corridor color palette (#EDDFC4, #666600, #413500, #231500, #010200)
Browse the whole catalog at Explore, or see today's palette.