Pine Dune color palette — #F5F6ED · #91BB9C · #328562 · #5A5F13 · #3D4900
Built around Fern, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#F5F6ED): a clean, paper-quiet neutral.
- Sage (#91BB9C): A luminous, dusty teal — the color of sea glass.
- Fern (#328562): A full-bodied, balanced teal — the color of sea glass.
- Olive (#5A5F13): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#3D4900): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Balance, 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
- Patina Boulevard color palette (#FBF4E7, #BDAE85, #727936, #725401, #524000)
- Pine Summit color palette (#F7F7DF, #79B476, #007E42, #0F5F4B, #254324)
- Weathered Balcony color palette (#F8F5EB, #D0DBB0, #78BBB2, #989072, #3E4800)
- Lagoon Chapel color palette (#EAF9F4, #A6D1AF, #589F8F, #5D7970, #314746)
- Airy Turquoise Quarry color palette (#BBF7F3, #2DB7BD, #00838D, #006574, #2E523F)
- Washed Cabin color palette (#F4EBD4, #969900, #516300, #195100, #2F3100)
- Softworn Harbor color palette (#E7DFCD, #7C7F3C, #3E4B00, #00372D, #1C1C00)
- Hushed Cerulean Villa color palette (#E1FDF0, #BCE6EA, #AFCFFF, #428D9C, #3B584D)
Browse the whole catalog at Explore, or see today's palette.