Patina Cocoa color palette — #FDF3EB · #DECFB3 · #8EA56D · #71836D · #644800
Built around Bronze, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#FDF3EB): a clean, paper-quiet neutral.
- Wheat (#DECFB3): A whisper-light, dusty gold — the color of old brass.
- Moss (#8EA56D): A luminous, balanced green — the color of new leaves after rain.
- Driftwood (#71836D): A full-bodied, dusty green — the color of a quiet forest floor.
- Bronze (#644800): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Dusty Bronze color palette (#F8F5EC, #D0D5B3, #6FA99B, #927B33, #4D5200)
- Moss Corridor color palette (#FFF2EA, #D8C19B, #88984A, #876774, #583C00)
- Wandering Stone color palette (#F1F7F0, #BEDEEA, #A5B68C, #6E8C8F, #3A4B41)
- Marigold Corridor color palette (#E8FAF1, #58C0E4, #C49F48, #899458, #32483D)
- Weathered Aubergine Studio color palette (#F5E9DF, #9B802D, #445C00, #501D5F, #150F00)
- Weathered Lagoon Bloom color palette (#FAF4EF, #C3E1F1, #97B2E1, #46968D, #614B56)
- Dusty Hollow color palette (#EBE4D7, #99AE73, #008755, #155F72, #2D2A08)
- Emerald Atelier color palette (#FEF3E6, #B8C373, #0AA147, #2D7480, #3C3B34)
Browse the whole catalog at Explore, or see today's palette.