Tempered Pine color palette — #D3E5CC · #008854 · #005954 · #00353C · #001F2F
Built around Fern, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#D3E5CC): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#008854): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#005954): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Forest (#00353C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#001F2F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Calm, Sophistication. Tagged muted, cool.
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
- Dusty Lagoon Coast color palette (#CCEAD7, #009C7C, #00786F, #00484A, #002931)
- Misty Olive Garden color palette (#EBECCE, #668800, #005B27, #00332D, #031A29)
- Aged Lagoon Field color palette (#D4FAE6, #00918F, #005163, #00314B, #230C45)
- Powdered Drift color palette (#D6EDE4, #006A53, #872900, #632A00, #00160F)
- Worn Field color palette (#CDF3F0, #006B7A, #00385A, #010257, #0E002F)
- Frosted Iris Courtyard color palette (#D6E8EB, #6CBFE1, #8075D2, #1F5809, #002B34)
- Hazy Mulberry Study color palette (#CAECFE, #007A92, #9C0075, #00404E, #350026)
- Teal Harbor color palette (#B7ECE6, #4BBBA0, #008B88, #006781, #2B4A67)
Browse the whole catalog at Explore, or see today's palette.