Tempered Pine color palette — #D8E9E9 · #008F5C · #004D54 · #004228 · #000102
Fern and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#D8E9E9): a clean, paper-quiet neutral.
- Fern (#008F5C): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#004D54): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Forest (#004228): A deep, shadowed, dusty teal — the color of glacier melt.
- Black (#000102): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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
- Aged Chapel color palette (#D0E5EC, #008992, #00496B, #003E43, #000103)
- Hushed Archive color palette (#CFF5ED, #00756A, #00444B, #170060, #000707)
- Patina Garden color palette (#E2F5EF, #698500, #00522B, #2E3C00, #000201)
- Aged Teal Alley color palette (#D8F3F9, #00ABA3, #00657F, #005854, #000407)
- Abyss Studio color palette (#DBE8E9, #A5B7BA, #6D959F, #00503C, #000E0F)
- Obsidian Denim Hollow color palette (#DAE8EE, #006371, #002B4E, #002329, #000104)
- Wandering Ultramarine color palette (#DBE7EF, #009AD0, #1A33DC, #004D6A, #00020B)
- Soft Lime color palette (#E9F9F5, #77B81A, #00698B, #365900, #000103)
Browse the whole catalog at Explore, or see today's palette.