Tempered Pine color palette — #DAE4C9 · #008756 · #00574D · #002B56 · #000F09
Fern and Midnight set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#DAE4C9): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#008756): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#00574D): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#002B56): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#000F09): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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
- Hushed Navy Study color palette (#DDE5D7, #008473, #00555A, #1A0582, #000F0D)
- Dusty Olive Balcony color palette (#EDEFD7, #558100, #005A2A, #00313F, #020F00)
- Softworn Basin color palette (#EBF4E1, #008C60, #004E47, #001A3E, #000201)
- Midnight Courtyard color palette (#C9E7EA, #00614E, #3A353B, #001E1B, #000304)
- Smoked Boulevard color palette (#FFE2D6, #266900, #003839, #340018, #000F07)
- Patina Petrol Drift color palette (#DBECE9, #6CAEB5, #007384, #004A47, #00171F)
- Clover Workshop color palette (#CCEDE0, #00BD62, #009C77, #007876, #00130F)
- Frosted Meadow color palette (#F6DBCA, #30A404, #00777A, #83024C, #000F07)
Browse the whole catalog at Explore, or see today's palette.