Weathered Cocoa color palette — #E3F7F2 · #7CAD92 · #00746C · #6F3128 · #002314
Built around Rust, softened by Teal — the whole palette hums with calm and sophistication.
The five colors
- Ivory (#E3F7F2): A whisper-light, dusty teal — the color of sea glass.
- Sage (#7CAD92): A luminous, dusty teal — the color of sea glass.
- Teal (#00746C): A full-bodied, balanced teal — the color of glacier melt.
- Rust (#6F3128): A deep, shadowed, balanced orange — the color of toasted spice.
- Onyx (#002314): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.
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
- Antique Pine color palette (#E7F6ED, #91A97D, #26754D, #4E4712, #00221C)
- Worn Lagoon color palette (#F7F6E8, #91C2A1, #009584, #905035, #2F3B00)
- Pine Courtyard color palette (#C8FEFE, #75C099, #00814A, #004022, #001409)
- Worn Lagoon Harbor color palette (#EDF4F0, #ABCBC5, #5F8F79, #416C5A, #193733)
- Weathered Onyx Cabin color palette (#CFE5E2, #3D8871, #004E4F, #4C1400, #000B06)
- Mulberry Corridor color palette (#C7E6E7, #019267, #7F57AF, #9D1B6A, #001819)
- Washed Lantern color palette (#EDDEE3, #9D8D55, #4F5D00, #004430, #181100)
- Softworn Cerulean color palette (#F6EFF4, #ACCED9, #1789A8, #005E42, #00233B)
Browse the whole catalog at Explore, or see today's palette.