Tempered Pine color palette — #D5FFFA · #9BCB98 · #23893D · #194D10 · #173211
A conversation between Fern and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D5FFFA): A whisper-light, dusty teal — the color of sea glass.
- Mint Leaf (#9BCB98): A luminous, balanced green — the color of fresh herbs.
- Fern (#23893D): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#194D10): A deep, shadowed, balanced green — the color of new leaves after rain.
- Deep Forest (#173211): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance. Tagged monochrome.
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
- Muted Olive Drift color palette (#D9FFF1, #BEC380, #6D7800, #424800, #323200)
- Wandering Workshop color palette (#D9FDD9, #8DD088, #4F8D4F, #204C1B, #011901)
- Dusty Lagoon color palette (#E1FBFF, #63C7B5, #008671, #005042, #003730)
- Softworn Study color palette (#D6FFF9, #A2DF9E, #65A05D, #416A3D, #163516)
- Tempered Lantern color palette (#EFF7F7, #78C19B, #7A5AB3, #00724A, #212330)
- Soft Emerald Boulevard color palette (#E1FCF9, #399753, #AB5340, #7F3D2E, #183937)
- Hushed Bronze color palette (#FFF1F7, #90B197, #A0612C, #73423F, #2E423A)
- Washed Boulevard color palette (#E0F4F2, #00796F, #454148, #00302E, #000D0C)
Browse the whole catalog at Explore, or see today's palette.