Pine Dune color palette — #FFEEE7 · #C4746F · #277644 · #313C6F · #131A40
Built around Pine, softened by Caramel — the whole palette hums with nature and growth.
The five colors
- Cream (#FFEEE7): A whisper-light, dusty orange — the color of toasted spice.
- Caramel (#C4746F): A luminous, balanced orange — the color of autumn markets.
- Pine (#277644): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#313C6F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Deep Indigo (#131A40): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
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
- Navy Dune color palette (#FCEFE2, #B4814C, #007376, #393874, #25123C)
- Muted Peony Loft color palette (#FFEDEC, #BD719B, #6B6800, #004761, #001E3F)
- Tempered Lagoon color palette (#FFF1F6, #CF9768, #23928D, #006C68, #4B2850)
- Pale Bronze Thicket color palette (#F2DCC6, #A16000, #005760, #002D54, #1E001E)
- Patina Olive Balcony color palette (#FEF3E6, #AD7F39, #556E18, #005546, #5A2520)
- Weathered Stone color palette (#FFEEE7, #D6B698, #92896A, #715266, #462536)
- Aubergine Orchard color palette (#F8ECDA, #9D7407, #00616A, #541052, #2E0002)
- Tempered Basin color palette (#FFF0F7, #EDA981, #948D34, #286A49, #4B161F)
Browse the whole catalog at Explore, or see today's palette.