Pine Dune color palette — #F6F8DB · #70B67E · #017D50 · #1B5A68 · #3A3B34
Teal and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F6F8DB): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#70B67E): A luminous, balanced green — the color of new leaves after rain.
- Teal (#017D50): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#1B5A68): A full-bodied, dusty blue — the color of open sky before noon.
- Charcoal (#3A3B34): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, 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
- Pine Veranda color palette (#F6F3DB, #83B87D, #277D56, #2F4B7E, #212300)
- Lagoon Villa color palette (#E2E8D0, #3CA174, #00644E, #00445A, #242D11)
- Moss Terrace color palette (#FFF4DB, #A9AA2F, #617300, #753F3E, #3C3A34)
- Ancient Lagoon color palette (#E4FBF3, #99CA93, #329C6D, #526993, #08443F)
- Faded Moss Grove color palette (#F1ECD2, #6FA500, #236C00, #66321F, #213503)
- Gentle Cerulean Parlor color palette (#F4F7E9, #8CDCF4, #008CB5, #00656E, #054562)
- Chestnut Workshop color palette (#F6F6EA, #C1C4A1, #678C6D, #8E5728, #4F5100)
- Quiet Archive color palette (#FFF3E3, #CAD78D, #57BD75, #BD679A, #383F05)
Browse the whole catalog at Explore, or see today's palette.