Patina Pine color palette — #F3F7EE · #CCDFD7 · #ACC3AF · #097E57 · #344800
Built around Teal, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#F3F7EE): a clean, paper-quiet neutral.
- Silver (#CCDFD7): A whisper-light, dusty teal — the color of shallow lagoons.
- Stone (#ACC3AF): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#097E57): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#344800): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Petrol Alley color palette (#F0F7F2, #D1DDDD, #B2C2C5, #28828D, #404B42)
- Wandering Pine color palette (#F0F4E9, #CCDAD5, #AAC7BA, #00804B, #232719)
- Forest Parlor color palette (#ECF0E9, #C4D0C4, #8DA896, #006451, #27321F)
- Eclipse Cypress color palette (#D6EAD3, #007875, #00313B, #0B1D0A, #000A05)
- Mulberry Corridor color palette (#C2FBEA, #7BBBC3, #557B9A, #814658, #66362F)
- Tempered Market color palette (#E7F0EA, #9AAFA7, #8A798A, #003F4C, #04190E)
- Muted Jade Harbor color palette (#EFF7F7, #CDDFED, #BABBE2, #44BD8D, #304444)
- Mint Balcony color palette (#E9FBE6, #4BEB8F, #00C0AB, #008FB0, #004348)
Browse the whole catalog at Explore, or see today's palette.