Patina Pine color palette — #FDF4E7 · #92A368 · #177547 · #633D55 · #37362F
Built around Pine, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#FDF4E7): a clean, paper-quiet neutral.
- Moss (#92A368): A luminous, balanced green — the color of new leaves after rain.
- Pine (#177547): A full-bodied, balanced teal — the color of sea glass.
- Cocoa (#633D55): A full-bodied, dusty pink — the color of peonies in June.
- Espresso (#37362F): quiet, heavy and certain.
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
- Cypress Coast color palette (#F9F5E8, #7EA784, #007367, #2A4F6B, #333A00)
- Pine Garden color palette (#E0F8F0, #7CB073, #15774D, #334764, #00221E)
- Washed Ridge color palette (#EAE5D1, #5D9D64, #006357, #51304D, #282C10)
- Gentle Fern Drift color palette (#FCE7D2, #A19412, #2D6B00, #41357D, #342F00)
- Weathered Bloom color palette (#F9F5E8, #98BA95, #118672, #764E46, #424700)
- Antique Quarry color palette (#FFE8EB, #B86FB4, #008D77, #832C80, #003F34)
- Tempered Alley color palette (#FDF3EE, #94D0E1, #237DC0, #00624B, #30375D)
- Washed Marigold Balcony color palette (#FFF1F1, #F7D3C4, #D5A45E, #64619E, #513630)
Browse the whole catalog at Explore, or see today's palette.