Tempered Pine color palette — #CFEFC6 · #7DB581 · #2D8B53 · #176B46 · #19533F
Built around Fern, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#CFEFC6): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#7DB581): A luminous, balanced green — the color of fresh herbs.
- Fern (#2D8B53): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#176B46): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#19533F): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged 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
- Sunlit Jade color palette (#F4ECC1, #9FCC90, #54AE6D, #007D5E, #0F5655)
- Hazy Orchard color palette (#ECEDBD, #AAB260, #70842D, #43601D, #144D3B)
- Jade Garden color palette (#DEF7EA, #00AD84, #007261, #004E47, #003340)
- Hushed Lagoon color palette (#DFFBFF, #71C9B3, #168671, #005446, #00392F)
- Pine Harbor color palette (#E6FAF9, #67B285, #B47B4B, #007947, #5F3813)
- Airy Station color palette (#ACF2E9, #3EB7B6, #008C92, #006773, #064E5D)
- Bronze Basin color palette (#E6FCEC, #87B39A, #83713E, #644E25, #2D4338)
- Patina Lagoon Delta color palette (#DCFCFF, #309D7D, #3884AC, #726B24, #1C3E41)
Browse the whole catalog at Explore, or see today's palette.