Patina Pine Garden color palette — #F8F2FF · #C791B1 · #AB6C88 · #477D4C · #343546

Olive and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Mauve (#C791B1): A luminous, dusty pink — the color of neon signs at night.
• Dusty Rose (#AB6C88): A luminous, balanced rose — the color of strawberry cream.
• Olive (#477D4C): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#343546): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Tempered Villa color palette (#F0F5FF, #A5AEDC, #B27A88, #1C7B57, #393F64)
• Hushed Bronze color palette (#F2F5FF, #A7A1D5, #96719E, #826817, #263445)
• Aged Amber Ridge color palette (#F8F2FE, #C28EA7, #AE823E, #007388, #352D3C)
• Ancient Terrace color palette (#F3F0FA, #C085B3, #615360, #3A3544, #202127)
• Worn Studio color palette (#FCF2F7, #8479B5, #886213, #2D6035, #2B3B35)
• Scarlet Corridor color palette (#FAF1FF, #E26098, #C93947, #006B45, #391131)
• Pale Bronze color palette (#FCF1FB, #C76F70, #A65219, #00605E, #23132B)
• Patina Orchard color palette (#F2F5FF, #C5B5FF, #C99B59, #6D926E, #293843)

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