Tempered Pine color palette — #D1EAE7 · #127915 · #09550C · #04156C · #100005
A conversation between Olive and Deep Indigo, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D1EAE7): A whisper-light, dusty teal — the color of sea glass.
- Olive (#127915): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#09550C): A deep, shadowed, balanced green — the color of fresh herbs.
- Deep Indigo (#04156C): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#100005): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.
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
- Fern Dune color palette (#D0EDE1, #586300, #3E4D00, #002459, #000700)
- Forest Study color palette (#D0EDEC, #006A40, #004F5B, #002544, #0F0100)
- Powdered Pine Garden color palette (#DFF8F6, #16864C, #006032, #352A6D, #000D01)
- Washed Bronze Villa color palette (#F3DCE8, #9E6E00, #005C31, #3C1556, #100F00)
- Fern Harbor color palette (#D5F6EF, #235100, #003C34, #32003F, #010100)
- Velvet Fern color palette (#D8EDE5, #4D5D00, #2F3941, #002016, #000704)
- Timeworn Hollow color palette (#CBE9F1, #00726F, #004D4B, #430557, #000503)
- Aubergine Harbor color palette (#EAE9D4, #648C00, #127F33, #470093, #1E1100)
Browse the whole catalog at Explore, or see today's palette.