Tempered Cypress color palette — #F8F6E4 · #7AA78D · #007271 · #663B51 · #2D3C00
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Cream (#F8F6E4): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#7AA78D): A luminous, dusty teal — the color of glacier melt.
- Teal (#007271): A full-bodied, balanced teal — the color of glacier melt.
- Cocoa (#663B51): A full-bodied, dusty rose — the color of strawberry cream.
- Forest (#2D3C00): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, 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
- Muted Cypress color palette (#FEF3E7, #A69B72, #476E49, #623E4E, #37352F)
- Cypress Orchard color palette (#E7F6F2, #84AB8A, #27745A, #67390D, #002220)
- Timeworn Teal Terrace color palette (#F9F6E3, #70B58A, #007975, #4D571B, #1A442C)
- Denim Delta color palette (#E6E6D4, #5F9A83, #006166, #324519, #003223)
- Weathered Canyon color palette (#F7E9D4, #829E38, #006C41, #563F00, #273300)
- Lagoon Quarry color palette (#F6F6EA, #99C09E, #499076, #855833, #333A00)
- Tempered Workshop color palette (#E4E9C6, #498C48, #9A4793, #8F284F, #2B2E0A)
- Ancient Study color palette (#ECF2D7, #50A267, #905EB9, #006930, #422758)
Browse the whole catalog at Explore, or see today's palette.