Tempered Pine Dune color palette — #ECEFDB · #967C00 · #18770F · #004D56 · #000201

Olive and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#ECEFDB): A whisper-light, dusty green — the color of a quiet forest floor.
• Ochre (#967C00): A full-bodied, balanced green — the color of fresh herbs.
• Olive (#18770F): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#004D56): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged candy, vibrant, light.

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

• Faded Olive color palette (#DDECDE, #5F8700, #00752C, #004133, #000301)
• Bronze Boulevard color palette (#E4E1CD, #AA6C00, #5E5E00, #004D42, #000200)
• Pine Workshop color palette (#C3EFEA, #A69100, #008F46, #006275, #000302)
• Wandering Emerald Station color palette (#DEEDDF, #19931B, #006C67, #003A68, #000102)
• Airy Pier color palette (#CDF2EF, #67BE00, #00964A, #005F4E, #000201)
• Eclipse Cypress Boulevard color palette (#E4EACA, #276E4F, #00444B, #2D000E, #100000)
• Pale Dune color palette (#D9E5D8, #59BD48, #008C8A, #005A98, #000507)
• Gentle Nightshade color palette (#CFF2DC, #00A164, #007D8F, #3700D6, #000306)

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