Weathered Cocoa color palette — #F8F1E1 · #C3CAAB · #7B967C · #7C635D · #6A2D11
Built around Rust, softened by Eucalyptus — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#F8F1E1): A whisper-light, dusty gold — the color of honey in a jar.
- Pistachio (#C3CAAB): A whisper-light, dusty green — the color of a quiet forest floor.
- Eucalyptus (#7B967C): A luminous, dusty green — the color of a quiet forest floor.
- Pewter (#7C635D): A full-bodied, dusty orange — the color of toasted spice.
- Rust (#6A2D11): A deep, shadowed, balanced orange — the color of autumn markets.
Feels like: Optimism, 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
- Taupe Villa color palette (#F1F9E0, #C2CFB9, #859B84, #786D78, #5F4C59)
- Hushed Chestnut color palette (#F5F1EA, #CBC59D, #688E6A, #7B5B11, #32312A)
- Wandering Lagoon Courtyard color palette (#DEF2D9, #3F9D99, #3D7190, #623222, #2E1404)
- Worn Teal color palette (#E6E4BA, #61C0A1, #40859A, #754338, #491808)
- Periwinkle Villa color palette (#F6F1EC, #C6E5E7, #789ED6, #37767A, #432F3C)
- Lagoon Market color palette (#F3F5D6, #7CC39D, #00A586, #0D6E6B, #1F3B2A)
- Petrol Canyon color palette (#CCF3EE, #5CA5C6, #665B9F, #4F3D00, #242700)
- Blush Terrace color palette (#EDF4EA, #6BC6B6, #D38093, #008474, #432924)
Browse the whole catalog at Explore, or see today's palette.