Cypress Workshop color palette — #FFF0F7 · #B78363 · #678B57 · #216F53 · #4B3641

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

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Caramel (#B78363): A luminous, dusty gold — the color of honey in a jar.
• Fern (#678B57): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#216F53): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#4B3641): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Wandering Orchard color palette (#EBF7FE, #5C9BAD, #84824F, #456B36, #2C404B)
• Muted Meadow color palette (#EFF8F2, #A79768, #587B52, #00615E, #1F4662)
• Wandering Fern Orchard color palette (#ECFAEC, #CC9A8E, #996C4D, #4B631F, #54414D)
• Aged Cypress color palette (#F2F5FE, #9188BA, #4E8C80, #006C77, #383C4D)
• Lilac Ridge color palette (#F1F1FC, #A982C5, #7F8A49, #026A78, #21212E)
• Hushed Jade Coast color palette (#FFF0F8, #A5A3E0, #7FAA68, #4C829C, #493741)
• Sunlit Terracotta color palette (#FEF0FF, #E6B0AA, #B77464, #944012, #703700)
• Indigo Parlor color palette (#F2F5FF, #7464C7, #007864, #00545D, #2A2647)

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