Weathered Cocoa color palette — #FBF2F7 · #C6896C · #006F4C · #813500 · #001D1E
A conversation between Rust and Pine, giving this palette its sense of optimism and balance.
The five colors
- Ivory (#FBF2F7): bright and airy, almost weightless.
- Caramel (#C6896C): A luminous, balanced orange — the color of sun-warmed clay.
- Pine (#006F4C): A full-bodied, balanced teal — the color of shallow lagoons.
- Rust (#813500): A full-bodied, balanced orange — the color of sun-warmed clay.
- Ink (#001D1E): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Optimism, Balance. Tagged duotone, 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
- Garnet Ridge color palette (#FCF2F9, #D57E6F, #5B6400, #960E00, #021E15)
- Ancient Pine Loft color palette (#F0F8EF, #CCA77B, #02844F, #845400, #0E2929)
- Taupe Workshop color palette (#EEF8F1, #AC994D, #00697D, #5E4E00, #031B26)
- Misty Amber color palette (#F9F0E6, #CF923A, #5F6D00, #744B00, #080600)
- Softworn Aubergine color palette (#FFE7EF, #AA7B42, #476601, #522478, #3C2F00)
- Feathered Forest color palette (#FFD7BC, #C19B5F, #686A00, #1D4D00, #003B21)
- Chalky Olive Loft color palette (#F0F8EF, #E6A652, #898500, #9C6300, #081D14)
- Aged Corridor color palette (#F8E5ED, #A7632C, #004B38, #4E2500, #000503)
Browse the whole catalog at Explore, or see today's palette.