Patina Pine color palette — #EEF8EF · #97A262 · #18763A · #534267 · #1F3C32
Built around Pine, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#EEF8EF): bright and airy, almost weightless.
- Moss (#97A262): A luminous, balanced green — the color of fresh herbs.
- Pine (#18763A): A full-bodied, balanced teal — the color of glacier melt.
- Charcoal Brown (#534267): A full-bodied, dusty violet — the color of twilight just after sunset.
- Forest (#1F3C32): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Muted Cypress color palette (#E9FAF4, #6FAA8B, #007172, #643C54, #183C3C)
- Quiet Pine color palette (#EBFAEC, #A0AC4D, #007F36, #694A13, #124435)
- Olive Garden color palette (#F8F1E5, #A4A653, #527025, #603C2F, #221C05)
- Patina Olive color palette (#EBFAEF, #B8BA66, #6D8C42, #715B70, #1C3D30)
- Wandering Sapphire Summit color palette (#DFF5EB, #A1A42C, #465FC7, #595B00, #253260)
- Washed Forest Canyon color palette (#D8EADC, #7E955D, #006542, #4D3B03, #003128)
- Quiet Olive color palette (#D8E7DD, #61873C, #00523A, #44174E, #102000)
- Linen Amber color palette (#FFE6DB, #CA802F, #7C6700, #485500, #214928)
Browse the whole catalog at Explore, or see today's palette.