Patina Cocoa color palette — #FEF3EC · #EFDABF · #B7BA8B · #B78C9C · #694400
Bronze takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FEF3EC): a clean, paper-quiet neutral.
- Bone (#EFDABF): A whisper-light, dusty gold — the color of old brass.
- Sage (#B7BA8B): A luminous, dusty green — the color of a quiet forest floor.
- Dusty Rose (#B78C9C): A luminous, dusty rose — the color of pressed rose petals.
- Bronze (#694400): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, 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
- Weathered Fern color palette (#FAF4EA, #E1DFC5, #AEBC96, #84A292, #554F00)
- Feathered Clover Alley color palette (#FFF3E7, #D7D199, #7AB95B, #A873A5, #413B0E)
- Dusty Thicket color palette (#FEF1F5, #DFC9FC, #BDD189, #BA93E8, #4E4D46)
- Patina Studio color palette (#FFF1F7, #E5D9D4, #C2C4F6, #9DB8CC, #5E4749)
- Taupe Studio color palette (#F0F7F1, #BED8CA, #96A176, #658292, #405248)
- Worn Studio color palette (#FFF1F4, #DCB9E4, #B7C58B, #79B385, #553A40)
- Emerald Courtyard color palette (#EDE3D7, #BFBE7D, #67A261, #9C5B8D, #322802)
- Patina Atelier color palette (#FAEEF4, #D4C296, #7C895E, #5D6073, #26352A)
Browse the whole catalog at Explore, or see today's palette.