Tempered Pine color palette — #CAF9DF · #91B77A · #008D5F · #00554D · #002933
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Honeydew (#CAF9DF): A whisper-light, dusty teal — the color of sea glass.
- Sage (#91B77A): A luminous, balanced green — the color of fresh herbs.
- Fern (#008D5F): A full-bodied, balanced teal — the color of sea glass.
- Forest (#00554D): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#002933): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Calm, 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
- Misty Jade Delta color palette (#DAFFD4, #6ABF7E, #1C875E, #005E4C, #00463F)
- Misty Olive Thicket color palette (#FFEBD2, #B7AF62, #648800, #00582B, #002621)
- Airy Dune color palette (#D1FDF4, #88CAAB, #269694, #006378, #003051)
- Dusty Moss Station color palette (#FFEBF6, #8EA75C, #007C6F, #6A2E52, #032926)
- Powdered Emerald Coast color palette (#E1F1D3, #00B05A, #006A5D, #003C43, #001724)
- Weathered Field color palette (#F8F8B0, #A5D689, #39A57C, #00756B, #004955)
- Wandering Pewter color palette (#ECF4F1, #CFD9DD, #B0BFCA, #6B7C4F, #222F2C)
- Washed Lagoon Market color palette (#C9E7DB, #00A2A6, #005E79, #003056, #0F003A)
Browse the whole catalog at Explore, or see today's palette.