Cypress Pier color palette — #FDEDD4 · #829A6D · #008384 · #561C00 · #0A0A00

Teal and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FDEDD4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Moss (#829A6D): A luminous, dusty green — the color of new leaves after rain.
• Teal (#008384): A full-bodied, balanced teal — the color of glacier melt.
• Espresso (#561C00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#0A0A00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, 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

• Cobalt Pier color palette (#DEEECE, #4FAD94, #0575BA, #463000, #000D06)
• Antique Orchard color palette (#CFE7D9, #7A8D52, #00793B, #402600, #030200)
• Gentle Parlor color palette (#FFE8DB, #B9964B, #347B3F, #57002C, #140700)
• Emerald Lagoon color palette (#F5ECDB, #9BA86E, #00964C, #6E4600, #150F00)
• Antique Villa color palette (#DBF6D9, #A0B167, #00ACA1, #944E3C, #0F0C00)
• Azure Studio color palette (#ECEBDA, #69C1AD, #1395D3, #6A4900, #032E16)
• Lowlit Fern Meadow color palette (#F1E7D7, #595E1E, #392900, #200900, #000500)
• Charred Fern color palette (#F2F0DD, #4F6400, #00245D, #182100, #050005)

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