Weathered Cocoa color palette — #D1F6E2 · #005B71 · #6D2D00 · #451A00 · #001016

Rust takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#D1F6E2): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#005B71): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#6D2D00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#451A00): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#001016): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Cocoa Chapel color palette (#CAE7E6, #00623E, #6F2D00, #372300, #000301)
• Navy Thicket color palette (#E8DAEA, #00457B, #542900, #2F1400, #00050F)
• Garnet Bloom color palette (#DEF2EB, #005E89, #680031, #182400, #00110D)
• Nightshade Meadow color palette (#EFE1EA, #4439B1, #5C3B00, #392300, #0A0826)
• Hazy Brick color palette (#DDE5C5, #00853D, #AC2B00, #5F3800, #001204)
• Frosted Cobalt Balcony color palette (#F5DBF8, #0069BA, #6D5500, #4B3A00, #00203F)
• Faded Aubergine color palette (#F2EFDC, #006DA1, #4A1985, #202800, #021338)
• Linen Grape Coast color palette (#F5D3E3, #694AB1, #684F00, #00432A, #1D1335)

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