Tempered Pine Dune color palette — #F4F3E4 · #87AC7B · #377442 · #66391F · #1D1E07

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#F4F3E4): a clean, paper-quiet neutral.
• Sage (#87AC7B): A luminous, balanced green — the color of new leaves after rain.
• Olive (#377442): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#66391F): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Onyx (#1D1E07): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, 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

• Airy Field color palette (#EDE4D1, #9F9A00, #576200, #5F3000, #181700)
• Lagoon Corridor color palette (#F0F3E8, #8CC1A6, #14886D, #754B02, #232B15)
• Forest Veranda color palette (#E0E2D0, #649D73, #006543, #403A00, #101400)
• Wandering Cypress Dune color palette (#E3FCF0, #80A871, #007552, #4B4568, #173D37)
• Hushed Stone color palette (#FFEFDD, #EED8A9, #BBB26E, #8B5930, #34250E)
• Weathered Hollow color palette (#E9F9F5, #91C583, #4F925C, #7A5769, #1B3C37)
• Dusty Basin color palette (#EFF1DF, #388C4E, #005132, #402100, #000B02)
• Aged Canyon color palette (#FFEACF, #CD9652, #945D00, #462A00, #160A00)

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