Tempered Pine color palette — #D7FFF0 · #D5BC00 · #899800 · #138419 · #010100
Built around Olive Leaf, softened by Saffron — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D7FFF0): A whisper-light, dusty teal — the color of glacier melt.
- Saffron (#D5BC00): A luminous, vivid green — the color of fresh herbs.
- Olive Leaf (#899800): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#138419): A full-bodied, vivid green — the color of a quiet forest floor.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.
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
- Faded Marigold color palette (#D6FBE5, #EBA700, #B69D00, #607800, #010100)
- Worn Moss Villa color palette (#D4FAF3, #A6BF00, #45B100, #008352, #000200)
- Frosted Marigold color palette (#CDEEE0, #EC9800, #A5AA00, #009988, #000E01)
- Linen Amber Boulevard color palette (#F2EBCD, #B08300, #6F7B00, #005B35, #010300)
- Dusty Apricot Loft color palette (#FFE7EE, #FF944D, #C37E00, #7B6500, #020100)
- Powdered Lime Grove color palette (#D2FBFD, #45DB5F, #00A77B, #00827B, #000201)
- Muted Emerald Drift color palette (#E1EFDA, #009D31, #00662D, #002D18, #000503)
- Linen Bloom color palette (#D1E7E6, #009658, #995200, #004928, #030100)
Browse the whole catalog at Explore, or see today's palette.