Tempered Pine color palette — #E2FDF0 · #8BA165 · #44784A · #005769 · #23443E
Olive and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E2FDF0): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#8BA165): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#44784A): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#005769): A full-bodied, dusty blue — the color of deep harbor water.
- Forest (#23443E): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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
- Weathered Lagoon Loft color palette (#E5FBF4, #83B594, #3B8677, #3B5C7D, #2D4E4F)
- Antique Drift color palette (#E4FBF6, #689856, #00736B, #034E6F, #473504)
- Amber Archive color palette (#E8FBED, #BC8F40, #776B18, #005C49, #2C4432)
- Lime Pier color palette (#E5FBF5, #DFE098, #9BC06A, #4D955E, #16433C)
- Gentle Drift color palette (#D7FFF6, #00A38B, #006E72, #2A3896, #003F3A)
- Mulberry Coast color palette (#FFF3E8, #C3B169, #4E9869, #874787, #3F3D36)
- Hushed Jade color palette (#FBF5E1, #B9D38A, #6BBA73, #408EA2, #3E3E36)
- Weathered Meadow color palette (#FFECF4, #A99D66, #327C51, #613064, #012A20)
Browse the whole catalog at Explore, or see today's palette.