Pine Dune color palette — #F0F8EF · #90BBA8 · #538055 · #486147 · #31483F
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#F0F8EF): bright and airy, almost weightless.
- Sage (#90BBA8): A luminous, dusty teal — the color of sea glass.
- Fern (#538055): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#486147): A full-bodied, dusty green — the color of a quiet forest floor.
- Charcoal (#31483F): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Cypress Market color palette (#EBF9F4, #87BBB9, #0B8480, #60536E, #304747)
- Weathered Stone Alley color palette (#EAFAEF, #C5CA8C, #7F9965, #617869, #2F493E)
- Tempered Pine Basin color palette (#C7F9E8, #81B976, #008D62, #006A69, #245266)
- Driftwood Lagoon color palette (#E4FAFC, #CFDDEA, #B1BFF5, #76844C, #3D555A)
- Antique Chestnut color palette (#FAF1E0, #B4B97D, #687D52, #6D4F00, #2D2710)
- Peony Basin color palette (#E7F9FB, #36B798, #CA6091, #007760, #5B3445)
- Pine Terrace color palette (#FEF1F5, #A29E5F, #33741F, #115559, #203C2F)
- Basalt Study color palette (#FDF4E7, #DFD5AF, #98B68E, #A18D6D, #4F4100)
Browse the whole catalog at Explore, or see today's palette.