Cypress Terrace color palette — #FFF2EE · #BF868B · #57997C · #008181 · #543C35

A conversation between Teal and Fern, giving this palette its sense of sophistication.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Dusty Rose (#BF868B): A luminous, dusty red — the color of embers at dusk.
• Fern (#57997C): A luminous, balanced teal — the color of sea glass.
• Teal (#008181): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#543C35): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Sophistication. Tagged 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

• Worn Parlor color palette (#FFF2EF, #C58194, #6D9761, #508640, #573A36)
• Hushed Driftwood color palette (#F8F5EA, #919657, #688964, #006E68, #3F3D36)
• Worn Bloom color palette (#F8EDFD, #CA849B, #869649, #437FA6, #2E2233)
• Cobalt Summit color palette (#FFF3E5, #AA8048, #2084B6, #465EA2, #3C3731)
• Weathered Ridge color palette (#FFF2F0, #EA93AF, #9DAE5F, #6099C0, #513D3A)
• Sunlit Rust Courtyard color palette (#FFE5D9, #CC5700, #00866C, #006774, #521F00)
• Patina Driftwood Boulevard color palette (#FFF1F1, #E2DBD0, #B5C1CE, #937DB1, #604843)
• Washed Mallow Terrace color palette (#FAF1FF, #FFAACB, #7ECFC3, #6DAFBF, #493D4F)

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