Tempered Pine color palette — #CCEDE6 · #47854B · #00532D · #00323A · #000901
Fern takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#CCEDE6): A whisper-light, dusty teal — the color of sea glass.
- Fern (#47854B): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#00532D): A deep, shadowed, balanced teal — the color of glacier melt.
- Deep Forest (#00323A): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000901): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
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
- Tempered Abyss color palette (#DDEADE, #758144, #004922, #300829, #010100)
- Charred Fern color palette (#D7EEE0, #496900, #003519, #1E0736, #000806)
- Faded Drift color palette (#D1F0E2, #798D40, #385F00, #681503, #0D1200)
- Timeworn Cerulean color palette (#D2E4E2, #4CA0B1, #006279, #003B3E, #000B12)
- Pine Grove color palette (#ECE7CD, #6B9756, #147441, #1E487D, #020800)
- Cypress Garden color palette (#D7E9E8, #68B798, #008570, #2A5C74, #003223)
- Emerald Boulevard color palette (#D7F2E9, #8BBB6E, #0A9122, #923E06, #1B3605)
- Lagoon Studio color palette (#E5FAF8, #8CCCA5, #009E76, #29738B, #104343)
Browse the whole catalog at Explore, or see today's palette.