Patina Cocoa color palette — #FFF0FE · #D1BEC7 · #77968C · #6E657C · #684953
Built around Charcoal Brown, softened by Eucalyptus — the whole palette hums with sophistication.
The five colors
- Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
- Stone (#D1BEC7): A luminous, dusty rose — the color of a warm blush.
- Eucalyptus (#77968C): A luminous, dusty teal — the color of glacier melt.
- Graphite (#6E657C): A full-bodied, dusty violet — the color of twilight just after sunset.
- Charcoal Brown (#684953): A full-bodied, dusty rose — the color of pressed rose petals.
Feels like: Sophistication. Tagged vintage, retro, 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
- Timeworn Taupe Meadow color palette (#FDF0D8, #C9C6AF, #969F86, #73626E, #4D383F)
- Lagoon Atelier color palette (#EEF8F4, #A8C8C8, #4D8E8D, #6E5F7B, #395353)
- Weathered Pine Corridor color palette (#F8F3F8, #D3E0EE, #6CA2B9, #467D54, #445468)
- Lagoon Bloom color palette (#FFE4E0, #9BBCA0, #328966, #834B51, #693913)
- Washed Atelier color palette (#E3FDE6, #BDBE87, #6C8E53, #2C784D, #2E5A61)
- Worn Delta color palette (#F4D9D0, #969463, #377A59, #782B1E, #512619)
- Weathered Pine Corridor color palette (#E9F9F7, #96BB9A, #A88BBC, #358646, #4B4969)
- Weathered Pewter color palette (#E2FBFA, #6EA784, #9C7BA9, #975A7B, #254949)
Browse the whole catalog at Explore, or see today's palette.