Patina Canyon color palette — #FFF4E3 · #C1B172 · #699454 · #405EAD · #3F3D36

Cobalt and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF4E3): A whisper-light, dusty gold — the color of old brass.
• Camel (#C1B172): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#699454): A luminous, balanced green — the color of a quiet forest floor.
• Cobalt (#405EAD): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#3F3D36): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Balance. Tagged retro, 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

• Washed Studio color palette (#E8FBEB, #E3CB6A, #71A15A, #4E6291, #20372E)
• Antique Pewter color palette (#FEF4E3, #B1C69B, #5DA28A, #7761A0, #474841)
• Tempered Nightshade Boulevard color palette (#FAF5E8, #B0A75B, #009392, #574DAB, #57272C)
• Softworn Balcony color palette (#FFF4E2, #E39F7C, #A08233, #006F85, #423C37)
• Dusty Pine color palette (#FFF2EA, #C48A40, #307C39, #5B3E79, #403D36)
• Tempered Cabin color palette (#FFF1F7, #F5BC66, #76B687, #8877AD, #2C4338)
• Weathered Harbor color palette (#FAEDD7, #41B99B, #00869A, #8B266B, #20371C)
• Patina Grape Boulevard color palette (#F8E1BD, #90A400, #008451, #5300C4, #183000)

Browse the whole catalog at Explore, or see today's palette.