Pine Dune color palette — #FFF1F6 · #B0D5BA · #9DAA67 · #418042 · #00574A
Built around Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Pistachio (#B0D5BA): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#9DAA67): A luminous, balanced green — the color of new leaves after rain.
- Olive (#418042): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#00574A): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged muted.
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
- Weathered Lichen color palette (#FFF3E7, #DBF2B9, #A9B881, #517E5B, #005143)
- Olive Veranda color palette (#FFF0F8, #EFBFCE, #ABA368, #57812E, #005935)
- Worn Cabin color palette (#EEE9C6, #8AB054, #008B4F, #00594D, #00262B)
- Washed Jade Boulevard color palette (#FFF1F6, #A4C9A9, #779F6E, #825F8E, #384D42)
- Weathered Lagoon Veranda color palette (#DBFFEE, #A6DDD3, #64B397, #008588, #005167)
- Antique Orchard color palette (#F1F7F2, #D4DCDC, #ABB2BB, #AC9A6B, #4C554F)
- Emerald Archive color palette (#E6EED4, #4FA855, #00745C, #004044, #001721)
- Tempered Corridor color palette (#FFE193, #B5BF5C, #0DA72E, #006A51, #004040)
Browse the whole catalog at Explore, or see today's palette.