Patina Cocoa color palette — #F9E2EC · #BC9DC0 · #93716D · #564700 · #23280D
A conversation between Deep Olive and Mauve, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#F9E2EC): A whisper-light, dusty rose — the color of pressed rose petals.
- Mauve (#BC9DC0): A luminous, dusty pink — the color of a candy shop window.
- Mocha (#93716D): A full-bodied, dusty orange — the color of autumn markets.
- Deep Olive (#564700): A full-bodied, balanced green — the color of fresh herbs.
- Onyx (#23280D): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, 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
- Softworn Bronze Field color palette (#FAD2D9, #B6928F, #A46543, #2E5336, #1B2C12)
- Fern Chapel color palette (#FFECF0, #C8ACAB, #9A8076, #636317, #2F3A26)
- Chestnut Garden color palette (#F8E5E3, #AA8A71, #725F35, #2C4B33, #002338)
- Dusty Quarry color palette (#D8FFF5, #E0CEFB, #BC8990, #576E2E, #2E4000)
- Wandering Driftwood Study color palette (#E3E6F8, #B6AFD3, #B07B89, #4A7766, #184D49)
- Driftwood Grove color palette (#F4E9FF, #A26E99, #733C48, #283300, #00190B)
- Aged Cabin color palette (#F4F2E4, #8AAA85, #387254, #573B56, #1C1E02)
- Chestnut Cabin color palette (#F2D6DD, #85473C, #4E3211, #001915, #000507)
Browse the whole catalog at Explore, or see today's palette.