Tempered Cypress color palette — #E9FAF3 · #7DA87A · #007459 · #285163 · #183C38
Pine and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E9FAF3): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#7DA87A): A luminous, balanced green — the color of new leaves after rain.
- Pine (#007459): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#285163): A full-bodied, dusty blue — the color of deep harbor water.
- Forest (#183C38): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.
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
- Tempered Fern color palette (#FFF1F5, #AD9A50, #596B22, #235356, #223C2D)
- Soft Canyon color palette (#DCFEF2, #64B973, #007B65, #66416B, #234328)
- Weathered Bloom color palette (#CCEDE5, #42A073, #00635B, #52304C, #013030)
- Lagoon Cabin color palette (#FCF4E3, #B6B88D, #3E9278, #3D6A80, #36362F)
- Quiet Fern Dune color palette (#D9F3DE, #909B04, #1C6D05, #423875, #2D3100)
- Patina Cobalt Courtyard color palette (#FEF0FA, #8DD1E3, #3680AB, #006154, #263C57)
- Worn Courtyard color palette (#F1F5FF, #E8CAFF, #D98EA7, #416D92, #3E4157)
- Misty Summit color palette (#E8EEFF, #7C7FEB, #897A00, #4A49A2, #3D3600)
Browse the whole catalog at Explore, or see today's palette.