Patina Canyon color palette — #F6F6ED · #8EB178 · #459386 · #665EA1 · #3A342F

Slate and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F6F6ED): bright and airy, almost weightless.
• Sage (#8EB178): A luminous, balanced green — the color of new leaves after rain.
• Fern (#459386): A luminous, dusty teal — the color of sea glass.
• Slate (#665EA1): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#3A342F): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Dusty Mulberry color palette (#F5F6EC, #8EB483, #3191AD, #914E81, #35322B)
• Cobalt Hollow color palette (#FBF4EC, #C09564, #4F9E76, #5169AF, #38302D)
• Aged Pewter Summit color palette (#FFF3E7, #D3BB88, #72A071, #845D92, #4A4841)
• Marigold Lagoon color palette (#ECF9EF, #DBA441, #6E93C5, #587397, #2D2631)
• Patina Grape color palette (#F2F9DE, #29AF5A, #00828E, #7905AF, #321E00)
• Timeworn Mulberry Lantern color palette (#F2F8E5, #269E64, #00759E, #950A66, #231A00)
• Worn Taupe color palette (#F8F5EF, #D8DBD5, #A7B8B4, #AE9A5E, #575248)
• Tempered Hollow color palette (#FFF3E6, #D7CB9F, #98AA67, #23854D, #005443)

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