Tempered Pine color palette — #DBECE5 · #378D57 · #00504B · #0D304E · #00201F

Fern and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DBECE5): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#378D57): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#0D304E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00201F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, 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

• Muted Olive Courtyard color palette (#DCEDDE, #6E8500, #00532D, #00353F, #171E00)
• Tempered Teal Canyon color palette (#D3F2F1, #4DA58A, #007063, #005052, #002118)
• Jade Terrace color palette (#E1FDEF, #6FB76F, #007B69, #723E51, #12433F)
• Fern Harbor color palette (#DCEDE2, #356D00, #003426, #2B051E, #020800)
• Patina Canyon color palette (#FFF1F6, #A79D56, #496F32, #414A66, #1D3D2D)
• Chalky Bronze color palette (#F5D6E2, #7B6B00, #224100, #330E41, #001409)
• Misty Denim color palette (#F9EBF1, #58AACD, #1C55A1, #003F37, #1E1448)
• Pale Lagoon color palette (#F1ECFF, #7200D0, #3F5700, #004426, #160929)

Browse the whole catalog at Explore, or see today's palette.