Patina Pine color palette — #EFF6FF · #9BB1DD · #BE7575 · #297A50 · #2F4167

Pine and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Mauve (#9BB1DD): A luminous, dusty violet — the color of wild irises.
• Caramel (#BE7575): A luminous, balanced red — the color of embers at dusk.
• Pine (#297A50): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#2F4167): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Sophistication. Tagged muted.

Use it as a design system

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

• Olive Delta color palette (#ECF7FF, #7BBADE, #B97682, #587338, #174D42)
• Wandering Harbor color palette (#FBF2F9, #DAA198, #B37D68, #3F7841, #3E3D66)
• Patina Cypress Market color palette (#F4F4FD, #C3A3D4, #9D8C48, #2A795A, #064B59)
• Bronze Coast color palette (#F5F4FF, #BC94C7, #A1782B, #006A74, #4B2754)
• Dusty Driftwood Chapel color palette (#F0F5FF, #D0CFE7, #B3A5B7, #6B8E90, #3A535C)
• Dusty Scarlet color palette (#F0F5FF, #7C93F9, #D33402, #00663E, #1E246F)
• Softworn Ridge color palette (#FFF1F7, #CFC1FF, #B99169, #67722B, #294100)
• Aged Lilac Study color palette (#F1F0FD, #B389C1, #5F5367, #383548, #1F2128)

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