Cypress Workshop color palette — #F3F3E6 · #86AB8A · #2A7459 · #005153 · #1B1F04

Pine takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F3F3E6): bright and airy, almost weightless.
• Sage (#86AB8A): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#2A7459): A full-bodied, balanced teal — the color of sea glass.
• Forest (#005153): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#1B1F04): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Tempered Navy Boulevard color palette (#EDEFE1, #5A9D82, #00635A, #362E69, #00170E)
• Muted Cypress color palette (#EDF9F1, #8CA37B, #0F7456, #115269, #1F3C36)
• Aged Olive Pier color palette (#F9F1E6, #BFB294, #707C3D, #365F4A, #312609)
• Fern Quarry color palette (#EDE4CC, #8A9F53, #1E6E00, #004267, #121900)
• Wandering Lagoon Veranda color palette (#E8FAF5, #93C299, #00976F, #326E70, #1E3B39)
• Lagoon Archive color palette (#FAF5EB, #D3D3A9, #399E7B, #2A6C86, #2B2900)
• Hushed Loft color palette (#E5E7D3, #4B8767, #005043, #003037, #000B04)
• Timeworn Cerulean Studio color palette (#F7F1E7, #AED1BB, #3886A8, #005C58, #00223B)

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