Weathered Cocoa color palette — #F5F7E6 · #89CBB1 · #008887 · #7F3924 · #101D00
A conversation between Rust and Teal, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F5F7E6): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#89CBB1): A luminous, dusty teal — the color of sea glass.
- Teal (#008887): A full-bodied, balanced teal — the color of sea glass.
- Rust (#7F3924): A full-bodied, balanced orange — the color of sun-warmed clay.
- Ink (#101D00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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
- Pine Thicket color palette (#FBF5E0, #A5C69B, #008C64, #555500, #061F00)
- Softworn Pine Canyon color palette (#FEF4E4, #B7C18C, #3F8A3C, #733C5B, #1E1800)
- Washed Driftwood Harbor color palette (#FDF3E9, #D8D2A1, #7A9457, #815B24, #332600)
- Antique Jade color palette (#D4EAE7, #90CAA4, #21A97E, #7B783D, #00302F)
- Weathered Fern Dune color palette (#FDF4E7, #A3A861, #337018, #4E3700, #080800)
- Tempered Lagoon color palette (#D1EBE5, #4B9E7A, #00625D, #4F3349, #003031)
- Antique Moss color palette (#FFF3E5, #E3DAA6, #7E9F42, #007D64, #362F00)
- Seafoam Delta color palette (#DBFFED, #66DDB5, #00936D, #00432C, #000502)
Browse the whole catalog at Explore, or see today's palette.