Tempered Pine color palette — #E5F6F5 · #90C19E · #B28DB7 · #458059 · #322C48
Built around Fern, softened by Dusty Rose — the whole palette hums with nature and growth.
The five colors
- Ivory (#E5F6F5): bright and airy, almost weightless.
- Mint Leaf (#90C19E): A luminous, dusty teal — the color of glacier melt.
- Dusty Rose (#B28DB7): A luminous, dusty pink — the color of neon signs at night.
- Fern (#458059): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#322C48): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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
- Ancient Cypress Villa color palette (#E6F5F9, #7EC1C3, #C58A8D, #0E8185, #3D293E)
- Bronze Studio color palette (#E7F6EC, #C2B475, #9E93CA, #827123, #292E4E)
- Pine Pier color palette (#EAF9F7, #90BD99, #709DCA, #278747, #354F6A)
- Weathered Emerald Summit color palette (#F3F7E8, #A1D2AD, #CCA0CE, #3DA362, #664148)
- Timeworn Pewter color palette (#E8F7E8, #A5C4B1, #718B72, #6E4C5E, #1A312A)
- Weathered Thicket color palette (#DCF8F9, #6BAC8E, #A37FA6, #9F6281, #102C2D)
- Timeworn Petrol color palette (#E6F5FA, #E0B5CC, #37697A, #133641, #09161A)
- Washed Grove color palette (#D4FBFB, #A8DABE, #4E9173, #115843, #002628)
Browse the whole catalog at Explore, or see today's palette.