Tempered Pine color palette — #E3E2C5 · #008D58 · #004E44 · #001B39 · #000201
A conversation between Fern and Forest, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#E3E2C5): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#008D58): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004E44): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#001B39): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000201): quiet, heavy and certain.
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
- Ancient Onyx color palette (#EAEDCE, #008980, #004C55, #180056, #000202)
- Dusty Olive Studio color palette (#EFECDE, #5F8500, #00521E, #001F28, #000200)
- Forest Chapel color palette (#DFE3D1, #006B29, #003A2B, #001A2D, #000F05)
- Aged Hollow color palette (#EBF3E0, #6F666C, #005C3F, #141D20, #000705)
- Hushed Corridor color palette (#EFEFE1, #84C4C1, #00767B, #003F35, #000304)
- Timeworn Garden color palette (#E5E3C6, #719C5B, #005F19, #233100, #000200)
- Weathered Mulberry Dune color palette (#F1DED1, #6D9900, #00786F, #820052, #001003)
- Frosted Mint color palette (#E8FFCD, #00C890, #00847B, #004193, #001E16)
Browse the whole catalog at Explore, or see today's palette.