Patina Canyon color palette — #FFF1F1 · #E2D8D0 · #AEC19F · #A27A81 · #5D4744
A conversation between Mocha and Stone, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Bone (#E2D8D0): bright and airy, almost weightless.
- Stone (#AEC19F): A luminous, dusty green — the color of new leaves after rain.
- Mocha (#A27A81): A luminous, dusty red — the color of embers at dusk.
- Cocoa (#5D4744): A full-bodied, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Sophistication. Tagged pastel, light, muted.
Use it as a design system
One click turns Patina Canyon 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 (#FFF2EA, #E1E0BD, #CBC990, #9C655E, #6B4000)
- Dusty Shell Loft color palette (#FFF1F7, #E5D7D4, #F5B9B5, #9C7D93, #624D54)
- Apricot Canyon color palette (#FFF2EE, #EBD6C7, #FB992F, #A45B8F, #633637)
- Stone Meadow color palette (#F9F2FF, #E8D5DD, #C5B4DC, #B6B3A9, #54485A)
- Chestnut Grove color palette (#FFF2EE, #D5BD8D, #844B4C, #4F2F24, #2B251E)
- Washed Olive color palette (#FCF3EF, #E4B3A7, #82830E, #9C5747, #302E27)
- Bronze Delta color palette (#FFDFCA, #ECA862, #9D8600, #7A2730, #401E01)
- Worn Mulberry Lagoon color palette (#FFE9E2, #FFBBA4, #C98C3C, #983D66, #39322E)
Browse the whole catalog at Explore, or see today's palette.