Weathered Cocoa color palette — #E0F1E6 · #006678 · #6B3C00 · #003039 · #060200
A conversation between Bronze and Peacock, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#E0F1E6): A whisper-light, dusty teal — the color of sea glass.
- Peacock (#006678): A full-bodied, balanced blue — the color of deep harbor water.
- Bronze (#6B3C00): A full-bodied, balanced gold — the color of old brass.
- Deep Forest (#003039): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#060200): A deep, shadowed, dusty gold — the color of old brass.
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
- Weathered Study color palette (#E1ECDF, #006964, #8D0111, #00312F, #0B0000)
- Shadow Cocoa Cabin color palette (#D0E1F0, #004D7A, #662900, #382500, #000103)
- Navy Ridge color palette (#EAD9E9, #0044A4, #4D3800, #001A49, #020100)
- Tempered Grove color palette (#E0F3FF, #008AB5, #9C4F00, #004259, #030100)
- Fern Villa color palette (#FDEBCE, #616718, #463300, #2A0F00, #000200)
- Softworn Orchid Boulevard color palette (#DAF2E4, #8B97CE, #A858A8, #004A42, #000712)
- Antique Bloom color palette (#EAE6C8, #976100, #0064AB, #080914, #000201)
- Airy Azure Bloom color palette (#CCE3FB, #249BF5, #9B4900, #004F85, #270D00)
Browse the whole catalog at Explore, or see today's palette.