Patina Cocoa color palette — #F1F3E8 · #6C936A · #985759 · #6D3D00 · #1F1906
Built around Bronze, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Cream (#F1F3E8): bright and airy, almost weightless.
- Fern (#6C936A): A luminous, dusty green — the color of a quiet forest floor.
- Walnut (#985759): A full-bodied, balanced red — the color of late-summer berries.
- Bronze (#6D3D00): A full-bodied, balanced gold — the color of old brass.
- Ink (#1F1906): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Patina 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
- Tempered Garnet Lagoon color palette (#F6F1E6, #92864A, #8D5D80, #7A3035, #23180B)
- Terracotta Bloom color palette (#ECF7DC, #00845B, #8C3800, #4C3600, #071200)
- Aged Cocoa Meadow color palette (#F9EEF2, #A491C7, #935F76, #7A3516, #312600)
- Abyss Study color palette (#EAF5ED, #07889A, #6E5900, #284800, #0C1704)
- Wandering Lantern color palette (#EBF9F5, #98B178, #C06776, #91583A, #293A30)
- Tempered Chestnut Corridor color palette (#FBF1FB, #A1C1EB, #9887BA, #8F5125, #252F1B)
- Dusty Pewter color palette (#ECF7FF, #4299C7, #815494, #744613, #22393D)
- Patina Lantern color palette (#DCE3D4, #006F52, #702A00, #2C2100, #020500)
Browse the whole catalog at Explore, or see today's palette.