Tempered Cypress color palette — #F6F6E7 · #7BA884 · #0F7458 · #663F3D · #323A00
Built around Pine, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Ivory (#F6F6E7): a clean, paper-quiet neutral.
- Jade (#7BA884): A luminous, dusty teal — the color of shallow lagoons.
- Pine (#0F7458): A full-bodied, balanced teal — the color of shallow lagoons.
- Cocoa (#663F3D): A full-bodied, dusty orange — the color of toasted spice.
- Forest (#323A00): A deep, shadowed, dusty green — the color of fresh herbs.
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 Boulevard color palette (#FBF4E8, #9B9F6F, #516D31, #75361E, #37352F)
- Basalt Studio color palette (#F4F2E7, #9BA57D, #00746C, #5F335F, #191F02)
- Lagoon Summit color palette (#E3E8CF, #479E80, #00625B, #533800, #003223)
- Wandering Veranda color palette (#FDF4E6, #BBAE8D, #6D7A45, #744F46, #534000)
- Lagoon Alley color palette (#EBF9F3, #89C0BD, #3D9088, #7A537A, #0C3E3C)
- Wandering Marigold color palette (#FFF4DF, #C3A451, #775900, #453200, #2E1F00)
- Ancient Lantern color palette (#E1E4CE, #3A8C66, #005145, #4E182C, #002113)
- Antique Villa color palette (#FAF4EB, #A8CFC4, #5777B4, #005C73, #4F2E45)
Browse the whole catalog at Explore, or see today's palette.