Cypress Pier color palette — #FFDAC3 · #B3A87C · #4F7E68 · #70474C · #59363B

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

The five colors

• Peach Cream (#FFDAC3): A whisper-light, dusty gold — the color of old brass.
• Sage (#B3A87C): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#4F7E68): A full-bodied, dusty teal — the color of sea glass.
• Coffee (#70474C): A full-bodied, dusty red — the color of a theater curtain.
• Cocoa (#59363B): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

Use it as a design system

One click turns Cypress Pier 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 Station color palette (#FFD6D4, #B79E72, #767B33, #684D5C, #464068)
• Muted Cocoa Corridor color palette (#FFF0E1, #B2B28C, #6D8A6E, #785C5C, #753A18)
• Cypress Courtyard color palette (#F8F6E6, #92A17A, #007172, #643D4F, #2C3C00)
• Patina Teal Summit color palette (#E4E2CD, #60B58F, #397890, #6F3953, #5A2424)
• Softworn Denim color palette (#D2E6D8, #8DADA2, #4D8066, #464D7C, #321C3E)
• Chestnut Drift color palette (#E3EBB5, #88C3AA, #4A81A0, #7C4E23, #524400)
• Muted Orchard color palette (#F2D7EB, #D3C497, #83B496, #887599, #4B3C57)
• Antique Loft color palette (#F9E2CD, #709155, #476445, #4D2E51, #3F1429)

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