Muted Cypress Pier color palette — #FFF1F4 · #E0A99C · #B99269 · #217F6F · #10505E

Teal and Caramel set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Rosewood Mist (#E0A99C): A luminous, dusty orange — the color of sun-warmed clay.
• Caramel (#B99269): A luminous, dusty gold — the color of honey in a jar.
• Teal (#217F6F): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#10505E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Muted 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

• Aged Bronze Drift color palette (#FFEAEB, #CB9C8B, #A17839, #0A6464, #003F55)
• Aged Boulevard color palette (#FFE5D8, #DDB57A, #949F68, #427A92, #314571)
• Dusty Olive color palette (#F2DEFF, #DBA9C5, #BB8684, #74762E, #03523E)
• Hushed Boulevard color palette (#F0E3FF, #F3BDC8, #D0A078, #5C8FBF, #2B4864)
• Muted Driftwood Thicket color palette (#EFDCD0, #A1873D, #596B2D, #004163, #111D46)
• Gentle Denim color palette (#FFDDED, #C8A2CA, #B36B68, #14638C, #4B3A75)
• Oat Veranda color palette (#FFF3E3, #DBD2B3, #A7AC93, #8D7A8C, #614E56)
• Faded Harbor color palette (#FFF2E9, #FFA775, #00AAD9, #A44B00, #004156)

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