Tempered Pine color palette — #DBF0F0 · #008E5F · #004236 · #002113 · #000A09
Built around Fern, softened by Forest — the whole palette hums with calm and sophistication.
The five colors
- Frost (#DBF0F0): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#008E5F): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#004236): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#002113): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000A09): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Calm, Sophistication. Tagged noir, dark, luxury, 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
- Hushed Petrol Harbor color palette (#CFEDF9, #00818C, #003947, #001A1D, #000608)
- Softworn Olive color palette (#CCE6DB, #787E00, #2C3F02, #1B1D00, #000B04)
- Ancient Jade color palette (#CEEAD9, #00AD6E, #006667, #2D3B00, #090800)
- Timeworn Cornflower color palette (#C5F2F1, #00A0A1, #2B76FF, #537E00, #002A2B)
- Washed Corridor color palette (#E5F6F7, #5AAE95, #405E64, #233D3F, #1A2424)
- Tempered Ridge color palette (#D6E7F5, #3499D2, #3C4F63, #193042, #111A1F)
- Misty Pine Coast color palette (#D0F5E9, #92B878, #2E8E2E, #506400, #1B3600)
- Softworn Alley color palette (#E5FBF5, #7FDED8, #00A0A4, #007462, #003A41)
Browse the whole catalog at Explore, or see today's palette.