Tempered Pine Dune color palette — #F9F5E9 · #9E9E75 · #17754B · #554168 · #36362F

Pine and Charcoal Brown set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F5E9): a clean, paper-quiet neutral.
• Taupe (#9E9E75): A luminous, dusty green — the color of fresh herbs.
• Pine (#17754B): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#554168): A full-bodied, dusty violet — the color of a velvet chair.
• Espresso (#36362F): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered 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

• Ancient Market color palette (#F6F6E7, #77A88C, #007269, #1E5169, #2D3C00)
• Basalt Station color palette (#E7E6D3, #669A75, #006356, #5A2657, #252D08)
• Ancient Fern color palette (#F7F6E9, #ABB591, #428074, #6E4C6D, #3C4900)
• Aubergine Ridge color palette (#F5E9D9, #989641, #447616, #39217B, #313000)
• Timeworn Cobalt color palette (#FDF3ED, #A8D0BA, #2E7EB7, #006059, #2A395C)
• Hushed Mulberry Delta color palette (#FDE9E9, #BE6FA1, #008E6F, #970073, #004031)
• Aged Oat Boulevard color palette (#EBF9F2, #AED89B, #6DB190, #807FA3, #153D37)
• Dusty Quarry color palette (#FFF1F1, #EDD8BF, #DAA670, #7A5290, #5B3530)

Browse the whole catalog at Explore, or see today's palette.