Weathered Cocoa color palette — #FDF2F6 · #C38B61 · #006D65 · #783E00 · #001D22
Built around Bronze, softened by Caramel — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FDF2F6): a clean, paper-quiet neutral.
- Caramel (#C38B61): A luminous, balanced gold — the color of old brass.
- Teal (#006D65): A full-bodied, balanced teal — the color of shallow lagoons.
- Bronze (#783E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Ink (#001D22): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Optimism, Sophistication. 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
- Denim Alley color palette (#F0F7F1, #B49550, #006494, #654B00, #031A2C)
- Garnet Courtyard color palette (#FCF1FA, #D47E78, #007133, #980016, #001D1C)
- Misty Ridge color palette (#F8F1E7, #C9963D, #1A790E, #714D00, #060700)
- Patina Aubergine color palette (#FFE6F8, #A97C3F, #266A36, #63166C, #383100)
- Wandering Atelier color palette (#FFDAC7, #AF9451, #566E00, #005029, #00393A)
- Ancient Balcony color palette (#EFF8EF, #DAAB5F, #009B3D, #966800, #001E1C)
- Weathered Archive color palette (#ECDCE1, #A86400, #004754, #492900, #000406)
- Wandering Ultramarine Market color palette (#EAF9F6, #79B55B, #0064BA, #2E6500, #071E35)
Browse the whole catalog at Explore, or see today's palette.