Cypress Workshop color palette — #F2F2EA · #C5E3DA · #84A68A · #36786D · #263C2D
Built around Teal, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#F2F2EA): a clean, paper-quiet neutral.
- Silver (#C5E3DA): A whisper-light, dusty teal — the color of sea glass.
- Sage (#84A68A): A luminous, dusty green — the color of fresh herbs.
- Teal (#36786D): A full-bodied, dusty teal — the color of sea glass.
- Forest (#263C2D): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns 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
- Softworn Cypress color palette (#F0F0E4, #6FA8A5, #006569, #003A31, #000E10)
- Petrol Harbor color palette (#F1F3EC, #C2E4E6, #7DA0C1, #3E7387, #432D43)
- Washed Lagoon color palette (#FBF3EF, #C5DEE1, #A2C6EB, #6AA083, #34554A)
- Petrol Lagoon color palette (#E7EBDD, #95BEAB, #0073A6, #004957, #00172C)
- Washed Workshop color palette (#DEE0D0, #46838C, #004350, #001F1F, #000203)
- Muted Thicket color palette (#F6F2E4, #C1BC9E, #968139, #6E5400, #2F2D19)
- Muted Cerulean color palette (#F1F3E6, #97DCF0, #0090B8, #006169, #00293C)
- Pewter Summit color palette (#FFEDEF, #CBA4CB, #C0916A, #8D5E8F, #35302B)
Browse the whole catalog at Explore, or see today's palette.