Cypress Pier color palette — #FDD7EC · #D6A9BB · #839D86 · #547754 · #144A4B

Olive and Rosewood Mist set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FDD7EC): A whisper-light, dusty pink — the color of peonies in June.
• Rosewood Mist (#D6A9BB): A luminous, dusty rose — the color of strawberry cream.
• Eucalyptus (#839D86): A luminous, dusty green — the color of new leaves after rain.
• Olive (#547754): A full-bodied, dusty green — the color of a quiet forest floor.
• Forest (#144A4B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Ancient Driftwood color palette (#FBDFFF, #CAAEC5, #B07D68, #6F6E3E, #265046)
• Driftwood Meadow color palette (#EEDAE0, #9DBEA4, #94925D, #3C7275, #1C4C55)
• Tempered Boulevard color palette (#FFE6E5, #D6BD9A, #BAA88C, #658879, #2D463C)
• Timeworn Olive color palette (#FFF2EF, #FFD1BD, #B39B83, #6F681B, #3D4400)
• Washed Lagoon color palette (#E6FBF3, #A5BE91, #618E5A, #8E5137, #0B3E36)
• Dusty Harbor color palette (#FFE6CF, #AE9363, #7D7548, #005E3F, #00302B)
• Tempered Pier color palette (#E9DEFF, #B597B5, #926877, #275E7A, #433D5E)
• Aged Cerulean Atelier color palette (#E3FBF4, #C2D8D4, #99B5B5, #5F869C, #3F5365)

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