Tempered Cypress color palette — #FFF4DE · #8DAF73 · #007C5C · #5F5011 · #2E411E
Teal and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sage (#8DAF73): A luminous, balanced green — the color of fresh herbs.
- Teal (#007C5C): A full-bodied, balanced teal — the color of shallow lagoons.
- Coffee (#5F5011): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#2E411E): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Cypress 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
- Olive Villa color palette (#FFF3E8, #B4A44E, #4C7724, #005D5C, #443B05)
- Tempered Teal color palette (#F8F6E1, #60B78E, #00797A, #6D4156, #393C35)
- Washed Harbor color palette (#EBE4D1, #689B64, #006354, #443F00, #143112)
- Chalky Hollow color palette (#FAF5E2, #AAC596, #3C9C58, #6A6E28, #2A4312)
- Jade Lantern color palette (#D9E7D0, #00B86B, #007B77, #005666, #293462)
- Jade Loft color palette (#E6FCEC, #B4DE8A, #00C28B, #99874F, #19433B)
- Tempered Aqua Grove color palette (#E0FBFF, #00C6D9, #00787E, #00464D, #002C30)
- Airy Delta color palette (#E3FEDE, #00AAA0, #CD4D57, #006B64, #651E25)
Browse the whole catalog at Explore, or see today's palette.