Weathered Cocoa color palette — #F1F2CE · #669D94 · #456E5A · #642E21 · #291B00
Cocoa takes the lead with Eucalyptus close behind in a set that reads as sophistication at first glance.
The five colors
- Custard (#F1F2CE): A whisper-light, dusty green — the color of new leaves after rain.
- Eucalyptus (#669D94): A luminous, dusty teal — the color of sea glass.
- Pine (#456E5A): A full-bodied, dusty teal — the color of shallow lagoons.
- Cocoa (#642E21): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Onyx (#291B00): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Sophistication. Tagged vintage, retro, 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
- Dusty Cocoa color palette (#E7F2E5, #819475, #246884, #5E2700, #351100)
- Antique Lantern color palette (#D1F5F0, #6398BD, #626188, #4E3C15, #291C00)
- Lagoon Lantern color palette (#E7EAD0, #4AA084, #006262, #21421B, #0B1600)
- Softworn Loft color palette (#DBF4DB, #8FBCAA, #9B7B8D, #7F5814, #39352F)
- Wandering Balcony color palette (#CEE4DF, #86B3B8, #3C889E, #7E423D, #4E3500)
- Chestnut Grove color palette (#E4F8EB, #D0BBCF, #9E888F, #74671A, #414100)
- Aubergine Garden color palette (#D0E6EE, #74A1BC, #426A98, #5F3A6E, #502C45)
- Powder Field color palette (#DDF5FF, #89C8E2, #6A8AA6, #585878, #3C1D3F)
Browse the whole catalog at Explore, or see today's palette.