Pine Dune color palette — #F1F3EB · #CCDAD2 · #A8BEA7 · #37734A · #1F2216
A conversation between Pine and Stone, giving this palette its sense of nature and growth.
The five colors
- Cream (#F1F3EB): bright and airy, almost weightless.
- Silver (#CCDAD2): bright and airy, almost weightless.
- Stone (#A8BEA7): A luminous, dusty green — the color of fresh herbs.
- Pine (#37734A): A full-bodied, balanced teal — the color of glacier melt.
- Onyx (#1F2216): A deep, shadowed, dusty 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 Pine Dune 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 Archive color palette (#EAF5EA, #C5DACC, #7CB3D5, #00696A, #0D1F0F)
- Cypress Meadow color palette (#F3F3E4, #82AC8E, #00765E, #374E28, #1A1F0A)
- Antique Pine color palette (#EDF8F6, #CFDBE4, #A1B7C3, #447043, #2E3E3C)
- Emerald Basin color palette (#F5F6EF, #D2E1DA, #B5B6C4, #639A60, #2E2F28)
- Shadow Cypress color palette (#DDE9D8, #007566, #0B2D16, #051001, #020201)
- Antique Petrol color palette (#E7F2DC, #89AC8E, #3C7697, #673851, #3E1D10)
- Antique Cerulean Drift color palette (#E8EEE6, #96A499, #508498, #00403A, #010600)
- Emerald Drift color palette (#F7E7CE, #34A06E, #00686C, #591957, #101C06)
Browse the whole catalog at Explore, or see today's palette.