Tempered Pine color palette — #EEF7F7 · #99CFAA · #368D86 · #367E53 · #1E3136
Teal takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#EEF7F7): a clean, paper-quiet neutral.
- Pistachio (#99CFAA): A luminous, dusty teal — the color of glacier melt.
- Fern (#368D86): A full-bodied, balanced teal — the color of sea glass.
- Teal (#367E53): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#1E3136): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Sophistication. Tagged duotone, 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
- Cypress Hollow color palette (#EEF7FA, #82CFD6, #4785A7, #1B7B82, #233039)
- Muted Studio color palette (#ECF4F2, #9CD0C4, #4789BB, #568029, #0C1721)
- Teal Study color palette (#E5FBF6, #6EB7AC, #468289, #4F567E, #324D53)
- Antique Moss Terrace color palette (#F5F6EF, #D4D5A9, #48A9C8, #6C9C4B, #213229)
- Cerulean Pier color palette (#D4E4EB, #008597, #00416F, #003941, #00040B)
- Teal Cabin color palette (#E8F9FB, #00BBA3, #007184, #006456, #00212E)
- Moonless Pier color palette (#CBE6E7, #006C4E, #123443, #002418, #000203)
- Lagoon Harbor color palette (#EEF7F8, #D4DADF, #AFAAB5, #5C8E7C, #495556)
Browse the whole catalog at Explore, or see today's palette.