Cypress Terrace color palette — #F7F1E6 · #92A881 · #1B7557 · #58395E · #1F1D00

A conversation between Pine and Charcoal, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7F1E6): bright and airy, almost weightless.
• Sage (#92A881): A luminous, dusty green — the color of fresh herbs.
• Pine (#1B7557): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#58395E): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#1F1D00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

One click turns Cypress Terrace 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

• Washed Hollow color palette (#F4F2E7, #ADB994, #42817E, #71455D, #232B0F)
• Aged Pine Field color palette (#FCF0DC, #97B375, #007F56, #5E4900, #172600)
• Muted Olive Alley color palette (#FAF5E9, #95A270, #3C7227, #743818, #37362F)
• Garnet Grove color palette (#E5E8CA, #37AA92, #006774, #720D35, #001B15)
• Dusty Basin color palette (#F3ECDB, #7B9771, #006450, #413900, #041700)
• Olive Market color palette (#FAF3CA, #9EAF6D, #4D7600, #273B00, #0B0F00)
• Weathered Emerald Alley color palette (#E8FAF0, #CAD7A6, #6B985C, #8F4F44, #092F25)
• Hushed Cabin color palette (#E4DFCF, #5D845C, #005044, #470941, #000B01)

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