Tempered Pine color palette — #EEEDDB · #7C9500 · #117B17 · #005A47 · #001D1D
Olive and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#EEEDDB): A whisper-light, dusty green — the color of fresh herbs.
- Olive Leaf (#7C9500): A luminous, balanced green — the color of fresh herbs.
- Olive (#117B17): A full-bodied, vivid green — the color of a quiet forest floor.
- Pine (#005A47): A full-bodied, balanced teal — the color of sea glass.
- Ink (#001D1D): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Tempered Pine 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
- Sunlit Emerald Loft color palette (#EAECD5, #23A41B, #007A5E, #005550, #001A1E)
- Wandering Olive color palette (#E5EBD7, #4A8800, #006C25, #003F23, #001912)
- Emerald Workshop color palette (#EBF2DE, #419200, #005C18, #002916, #000201)
- Frosted Pier color palette (#EDDCCC, #9F8200, #6C7700, #295E00, #001C12)
- Jade Market color palette (#D5E5DF, #00B682, #00845B, #00523B, #000402)
- Raspberry Chapel color palette (#E2E5CF, #3EBE38, #DF049D, #0F610C, #230015)
- Hazy Pine color palette (#F5E0F2, #DE7600, #00892A, #022B09, #020200)
- Lime Delta color palette (#EFEFD7, #80C800, #00B27A, #00887F, #00363E)
Browse the whole catalog at Explore, or see today's palette.