Cypress Workshop color palette — #FBF6DB · #82B182 · #007C61 · #0F5A6B · #3A3B34

A conversation between Teal and Sage, giving this palette its sense of nature and growth.

The five colors

• Custard (#FBF6DB): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#82B182): A luminous, balanced green — the color of fresh herbs.
• Teal (#007C61): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#0F5A6B): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3A3B34): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, 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

• Ancient Cypress color palette (#DBF9F6, #72BA90, #007E5E, #005951, #002815)
• Hushed Olive color palette (#FFF3E6, #B1A367, #5E731E, #165E49, #3D3A34)
• Pale Pine Meadow color palette (#FFF4DF, #99AD60, #337B3F, #544877, #35400E)
• Gentle Lagoon color palette (#F4F8E1, #84CEA2, #1B9D77, #007A70, #07462A)
• Jade Terrace color palette (#E4FCF2, #A1E2A0, #00C197, #3696AD, #16433E)
• Cobalt Basin color palette (#FFF2EB, #91DBEF, #2988BD, #00685B, #1D3D76)
• Timeworn Atelier color palette (#F7F6EB, #BEC5A2, #758867, #7B5C62, #4A5304)
• Ancient Fern color palette (#F1E7DC, #837C3B, #334E00, #23265E, #1F1B00)

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