Tempered Pine Studio color palette — #E7FBF1 · #A1AF7D · #5B8359 · #1C6372 · #344E47
A conversation between Fern and Peacock, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E7FBF1): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#A1AF7D): A luminous, dusty green — the color of fresh herbs.
- Fern (#5B8359): A full-bodied, dusty green — the color of a quiet forest floor.
- Peacock (#1C6372): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#344E47): A full-bodied, 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 Studio 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
- Timeworn Driftwood Thicket color palette (#EDF9F0, #A7CBB7, #81855B, #586B5E, #3E5248)
- Weathered Basin color palette (#EEF7F6, #D3DDEF, #71A1B7, #317B83, #3F5667)
- Muted Villa color palette (#FBF5E4, #C8D997, #88BF81, #5897A5, #484841)
- Frosted Bloom color palette (#D5F8ED, #399A72, #006960, #103F79, #00383C)
- Worn Mulberry color palette (#FFECF4, #B9AB7E, #5C8464, #6A3F6F, #183229)
- Tempered Drift color palette (#FFF3E8, #CBBE8F, #6AA179, #81608B, #544700)
- Worn Aubergine color palette (#CAF1CC, #008D9C, #005A79, #4B0083, #002F39)
- Navy Veranda color palette (#DCF3ED, #007761, #004647, #080A71, #001B17)
Browse the whole catalog at Explore, or see today's palette.