Patina Cocoa color palette — #DAE1D9 · #A9B7AB · #72987F · #5F3B00 · #040E04
Built around Bronze, softened by Eucalyptus — the whole palette hums with nature and growth.
The five colors
- Bone (#DAE1D9): a clean, paper-quiet neutral.
- Ash (#A9B7AB): A luminous, dusty green — the color of a quiet forest floor.
- Eucalyptus (#72987F): A luminous, dusty teal — the color of shallow lagoons.
- Bronze (#5F3B00): A deep, shadowed, balanced gold — the color of old brass.
- Ink (#040E04): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.
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
- Cocoa Drift color palette (#EBDFE5, #C3ACB4, #A38964, #6A3200, #13060D)
- Timeworn Basalt color palette (#DDE9E1, #8EA79A, #7A8152, #423500, #000602)
- Muted Fern color palette (#E9F5EE, #BDDCCF, #84B8A9, #655D00, #0A1F15)
- Chestnut Chapel color palette (#E5DED7, #D1C2AD, #B2A386, #865400, #281D11)
- Dusty Amber color palette (#CFE5D5, #D88A00, #9A7500, #5A5A00, #090600)
- Weathered Forest color palette (#D5E5DE, #668241, #2D6633, #003A43, #00101C)
- Aged Market color palette (#E4F1E8, #7E5F00, #3F3E00, #00251F, #070500)
- Tempered Terrace color palette (#D9E0DB, #A8B8AE, #769687, #554000, #020E05)
Browse the whole catalog at Explore, or see today's palette.