Tempered Pine color palette — #D7E4C3 · #568951 · #2C5940 · #00394B · #001323
Built around Fern, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#D7E4C3): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#568951): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#2C5940): A full-bodied, dusty teal — the color of sea glass.
- Deep Teal (#00394B): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001323): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, 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
- Worn Driftwood Thicket color palette (#EFE4C1, #7E7C3F, #4B5D32, #003836, #001B0B)
- Cypress Boulevard color palette (#DCE8DE, #007A59, #004C47, #002A22, #01032F)
- Tempered Canyon color palette (#E7EBD5, #008F58, #00513B, #2D2C00, #000B04)
- Denim Grove color palette (#E2EBCE, #008048, #0059A1, #004222, #000816)
- Lagoon Grove color palette (#D6F5ED, #1D8E8E, #00596A, #242756, #130627)
- Inked Study color palette (#C3EAE1, #006F6E, #003A43, #130F3E, #070003)
- Weathered Stone Delta color palette (#E9EAC9, #B5BE93, #778B65, #4B635A, #3C2A3D)
- Aged Turquoise Corridor color palette (#E8EADB, #2FAEBF, #006375, #003939, #000D13)
Browse the whole catalog at Explore, or see today's palette.