Patina Cocoa Quarry color palette — #FFF2EE · #E5D0CC · #D0D192 · #C0C1B6 · #6A3109
A conversation between Rust and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Oat (#E5D0CC): A whisper-light, dusty orange — the color of sun-warmed clay.
- Pistachio (#D0D192): A whisper-light, balanced green — the color of a quiet forest floor.
- Stone (#C0C1B6): soft and architectural.
- Rust (#6A3109): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.
Use it as a design system
One click turns Patina Cocoa Quarry 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
- Tempered Stone color palette (#FFF1F2, #DED2D7, #EFB5A7, #BAB7A8, #593B3B)
- Washed Quarry color palette (#FFF2EE, #E9D7C3, #E19F6C, #9C8058, #644900)
- Tempered Studio color palette (#FFF1F0, #E1DBD0, #C1C2AE, #7F918A, #3F534C)
- Ancient Mint Ridge color palette (#FFF4DF, #DDE9AA, #D8D6CB, #8DC691, #3A3730)
- Aged Canyon color palette (#FFF2EA, #DFD4CC, #96BEAF, #BBB000, #422200)
- Dusty Taupe color palette (#FFF3E7, #E7DDB5, #9BD4F8, #BF8E5F, #2C4E42)
- Taupe Market color palette (#F9EDFA, #EFCEE4, #F4B899, #BA9F52, #392232)
- Sunlit Peony Dune color palette (#FFE9E2, #FE3EC8, #DC3B00, #5E4D00, #030000)
Browse the whole catalog at Explore, or see today's palette.