Cypress Pier color palette — #F3ECDA · #AAB185 · #718E5C · #00686C · #003E4B

Peacock and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F3ECDA): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#AAB185): A luminous, dusty green — the color of fresh herbs.
• Fern (#718E5C): A luminous, dusty green — the color of fresh herbs.
• Peacock (#00686C): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#003E4B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, 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

• Timeworn Forest Atelier color palette (#F6E2D5, #B69E81, #877B4A, #006F42, #004238)
• Muted Veranda color palette (#EEF2CF, #7DB496, #498F82, #255C82, #1E3360)
• Patina Cypress Dune color palette (#FAEBC7, #C1BA93, #809D75, #1E777D, #2F513F)
• Dusty Coast color palette (#FFEAF1, #E3C17F, #918C5F, #2B5B5E, #002E2B)
• Cypress Field color palette (#DFF0D2, #64956A, #256E54, #004259, #00223D)
• Aged Taupe Thicket color palette (#F9D5CE, #CCAB77, #8C9960, #646C94, #273454)
• Cerulean Study color palette (#EEF0E6, #AECDB8, #0095B6, #006B6F, #003345)
• Hushed Fern color palette (#FFDCD3, #AA866B, #6A6621, #374770, #482B51)

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