Tempered Cypress color palette — #EBF9F0 · #89A57A · #1E735A · #6B3949 · #283C1B
A conversation between Pine and Cocoa, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EBF9F0): a clean, paper-quiet neutral.
- Moss (#89A57A): A luminous, dusty green — the color of fresh herbs.
- Pine (#1E735A): A full-bodied, balanced teal — the color of glacier melt.
- Cocoa (#6B3949): A full-bodied, dusty red — the color of embers at dusk.
- Forest (#283C1B): A deep, shadowed, dusty 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
- Wandering Fern Corridor color palette (#FFF1F6, #7BA68F, #4D6D3C, #48456F, #1B3D2D)
- Wandering Garnet color palette (#D8E9E4, #549C80, #006166, #60234D, #003222)
- Faded Aubergine Harbor color palette (#DCF2E1, #869B5B, #006C42, #4C2987, #263400)
- Softworn Loft color palette (#EBF9F6, #8BC49F, #00967B, #585F8D, #123D3C)
- Tempered Garnet color palette (#DFF3E8, #588854, #005143, #5B0020, #022202)
- Hushed Chapel color palette (#F4E9FF, #C16E9B, #008B83, #970F69, #003F3B)
- Teal Canyon color palette (#FDF5DF, #A8D9A0, #50B49C, #A47673, #35362F)
- Antique Pewter color palette (#F9F2FF, #F0C5DF, #B6AA75, #845C9F, #533850)
Browse the whole catalog at Explore, or see today's palette.