Tempered Pine color palette — #CFE8E5 · #378B5D · #00513A · #002F3C · #000A0A
Built around Fern, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Honeydew (#CFE8E5): A whisper-light, dusty teal — the color of glacier melt.
- Fern (#378B5D): A full-bodied, balanced teal — the color of sea glass.
- Forest (#00513A): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#002F3C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000A0A): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Wandering Cypress color palette (#D0EEEF, #007968, #003F3C, #002038, #000403)
- Patina Olive color palette (#E9E0C2, #568946, #005239, #3A2347, #1C1C00)
- Forest Atelier color palette (#D8EDE8, #6B9C6B, #006637, #582B00, #001614)
- Dusty Fern color palette (#D1E4D9, #7A7D39, #3C4A00, #48161B, #000B06)
- Jade Terrace color palette (#E8ECD2, #55A673, #007250, #004D5F, #171E00)
- Lagoon Studio color palette (#E7F5F5, #8DC0AA, #358573, #3A596F, #0B2D2F)
- Weathered Bloom color palette (#E4F3F1, #65A7BF, #006083, #003840, #000C17)
- Muted Studio color palette (#E3FCF0, #84B16F, #00724D, #4B2B60, #020A00)
Browse the whole catalog at Explore, or see today's palette.