Tempered Pine color palette — #F2F8E9 · #D3E3D3 · #8FC6E7 · #008E5B · #2B3900
Fern takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F2F8E9): A whisper-light, dusty green — the color of a quiet forest floor.
- Celadon Mist (#D3E3D3): A whisper-light, dusty green — the color of fresh herbs.
- Sky (#8FC6E7): A luminous, dusty blue — the color of deep harbor water.
- Fern (#008E5B): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#2B3900): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Olive Alley color palette (#F7F6E8, #D8E2CE, #83CCD4, #5D8700, #34332C)
- Cerulean Hollow color palette (#EFF8F1, #C4E7DD, #B7B8EC, #008795, #29372C)
- Teal Hollow color palette (#F1F8EC, #CADFD7, #A1CDC1, #00B290, #2A381E)
- Forest Harbor color palette (#E7F9FB, #B6DAE2, #77B2BC, #006B51, #1E383A)
- Softworn Petrol color palette (#DFE6E2, #CDBFCB, #C296A8, #006B89, #11241B)
- Ancient Harbor color palette (#F3F6F0, #D3DDDC, #A8B8C3, #90A37F, #50544C)
- Olive Boulevard color palette (#FFE6D3, #C8A74F, #698300, #006A5F, #3A2C00)
- Cornflower Field color palette (#D9E7CB, #41BFAD, #5889D7, #805529, #583200)
Browse the whole catalog at Explore, or see today's palette.