Tempered Cypress Workshop color palette — #E5F7EE · #89AB80 · #007755 · #623840 · #00221E
Built around Pine, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#E5F7EE): A whisper-light, dusty teal — the color of sea glass.
- Sage (#89AB80): A luminous, dusty green — the color of a quiet forest floor.
- Pine (#007755): A full-bodied, balanced teal — the color of shallow lagoons.
- Cocoa (#623840): A deep, shadowed, dusty red — the color of embers at dusk.
- Onyx (#00221E): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Cypress Workshop 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
- Cypress Meadow color palette (#E1F8EE, #88B683, #007E5F, #4C501D, #0B2809)
- Patina Lagoon Alley color palette (#E7F6F2, #89BFBF, #15867F, #674A60, #102C2D)
- Patina Lagoon Corridor color palette (#D5EBE4, #619D73, #006356, #313F10, #001615)
- Soft Moss Lagoon color palette (#D3EDD6, #9B9B00, #316B00, #523900, #171700)
- Lagoon Coast color palette (#FBF5E2, #91C584, #2F9471, #81555C, #35362F)
- Pine Garden color palette (#C7FFF6, #7CB576, #06801E, #084306, #010F00)
- Tempered Emerald color palette (#F8F6E7, #BFDAAC, #649A5F, #815B16, #2A290F)
- Dusty Pine color palette (#DAF0E9, #368C52, #005043, #500A12, #000B02)
Browse the whole catalog at Explore, or see today's palette.