Cypress Workshop color palette — #EBF9F3 · #72A79D · #3A704D · #005751 · #153D37

Pine and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EBF9F3): bright and airy, almost weightless.
• Eucalyptus (#72A79D): A luminous, dusty teal — the color of shallow lagoons.
• Pine (#3A704D): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005751): A full-bodied, dusty teal — the color of shallow lagoons.
• Forest (#153D37): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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

• Antique Cypress Archive color palette (#EAF9F6, #88BABA, #3F8172, #1D646E, #204A4A)
• Gentle Pine color palette (#E4FBF4, #87B084, #0C7D53, #304E8C, #254323)
• Pine Cabin color palette (#EBF5ED, #96A96B, #20764A, #0F4F5D, #04221A)
• Hushed Navy color palette (#D9E9E5, #639A75, #00644F, #2E3772, #00302F)
• Timeworn Seafoam color palette (#FAF6DF, #ABD996, #73B087, #758B70, #36362F)
• Tempered Indigo color palette (#D8E5FF, #6271C9, #A84D39, #006D3A, #22284A)
• Dusty Cobalt Corridor color palette (#F1F5FF, #E5D4F2, #C79AC4, #3475AF, #3D3559)
• Soft Ultramarine Boulevard color palette (#E5EFFF, #6D8AD5, #9C7000, #2947BC, #473100)

Browse the whole catalog at Explore, or see today's palette.