Patina Canyon color palette — #F5F3E1 · #71B090 · #027374 · #5F3B3A · #181F09

Teal and Jade set the tone — five colors that lean into sophistication and grounding.

The five colors

• Cream (#F5F3E1): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#71B090): A luminous, balanced teal — the color of sea glass.
• Teal (#027374): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#5F3B3A): A deep, shadowed, dusty orange — the color of autumn markets.
• Onyx (#181F09): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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

• Pine Atelier color palette (#FCF0DF, #9DA66E, #3A7349, #603F00, #221C00)
• Antique Pine Courtyard color palette (#CDFFE9, #6EC08E, #008150, #003C1C, #001108)
• Patina Station color palette (#E5FBF6, #AFDDBD, #439C83, #7B5765, #002F2E)
• Misty Olive color palette (#F1E9D8, #93952F, #337D20, #004A35, #002723)
• Ancient Workshop color palette (#F5F2EA, #C4C7A2, #778A68, #775E0F, #31322B)
• Tempered Emerald color palette (#ECEFDF, #239347, #985189, #87384D, #121600)
• Wandering Lagoon color palette (#E6E7D8, #378974, #004D56, #471526, #000B07)
• Chestnut Pier color palette (#F1F5DB, #A7E7DA, #89B8E4, #74651B, #202911)

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