Patina Clover Canyon color palette — #F5DBF1 · #31CD21 · #204ACB · #152A5D · #1C051A

Clover takes the lead with Cobalt close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F5DBF1): A whisper-light, dusty pink — the color of a candy shop window.
• Clover (#31CD21): A luminous, vivid green — the color of new leaves after rain.
• Cobalt (#204ACB): A full-bodied, vivid violet — the color of wild irises.
• Navy (#152A5D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#1C051A): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged luxury, dark, vibrant.

Use it as a design system

One click turns Patina Clover 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

• Lapis Balcony color palette (#F8DBED, #00C991, #4A40C5, #252166, #1E0417)
• Ultramarine Corridor color palette (#F2DDEF, #B9AF00, #2350BC, #09266C, #1B061A)
• Clover Alley color palette (#FADBE5, #00CE47, #7438A2, #3E145C, #1E0610)
• Washed Boulevard color palette (#FFF0F7, #00DC91, #6C57AF, #3C2F66, #2A111F)
• Gentle Grape color palette (#F2F5FF, #AED452, #5739BB, #200059, #010009)
• Pale Moss Atelier color palette (#F7DADE, #5FA900, #692368, #2E062E, #090001)
• Twilit Navy color palette (#F8E6F1, #008969, #241273, #040020, #050003)
• Wandering Stone Alley color palette (#FFF1F1, #AFD18C, #945E7C, #583939, #2D1C1C)

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