Cypress Pier color palette — #F6F2E4 · #9DA57B · #047568 · #5F3654 · #1B1F00

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

The five colors

• Cream (#F6F2E4): bright and airy, almost weightless.
• Sage (#9DA57B): A luminous, dusty green — the color of new leaves after rain.
• Teal (#047568): A full-bodied, balanced teal — the color of sea glass.
• Mulberry (#5F3654): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#1B1F00): A deep, shadowed, dusty green — the color of fresh herbs.

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

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

• Timeworn Petrol Orchard color palette (#F3F3E8, #A9BA99, #368289, #724843, #202C12)
• Pine Atelier color palette (#F9F0E5, #9EA573, #3C7348, #5F3F00, #221C00)
• Muted Basalt color palette (#F3F0E2, #6D9A7D, #00625E, #353E00, #0F1500)
• Timeworn Lagoon color palette (#E8FAF3, #BDDAB0, #5D9971, #835742, #032F29)
• Dusty Basin color palette (#E9E6D6, #4B8767, #004E4D, #4C0733, #000B04)
• Aged Cabin color palette (#DBFDD7, #7BB383, #477719, #104200, #001103)
• Olive Dune color palette (#F1E5D8, #A98D2B, #586C00, #154E00, #00261A)
• Grape Delta color palette (#DEE4D8, #23906D, #5D63BC, #6C36B3, #001910)

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