Cypress Pier color palette — #EEEAE3 · #908E7F · #4C765C · #392600 · #020100

A conversation between Teal and Espresso, giving this palette its sense of nature and growth.

The five colors

• Cream (#EEEAE3): a clean, paper-quiet neutral.
• Gray (#908E7F): A luminous, dusty green — the color of new leaves after rain.
• Teal (#4C765C): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#392600): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Dusty Olive Dune color palette (#EFEAE2, #A19A82, #78742A, #362900, #0F0800)
• Spruce Boulevard color palette (#E3E6DA, #97A593, #4C8599, #004312, #040500)
• Hushed Basalt Lantern color palette (#E0E9E2, #ACC0B7, #699E92, #4A3900, #000200)
• Fern Station color palette (#ECE9E0, #CBCDBB, #9AA993, #5E5700, #19160C)
• Fern Lagoon color palette (#F6E2D4, #635F00, #003E2D, #39001E, #0E0000)
• Rust Grove color palette (#F6EDD2, #B55000, #696700, #004F45, #010100)
• Ancient Pewter Dune color palette (#F2F2EC, #D1DAD5, #A7C5C1, #657E57, #2C2D25)
• Cellar Ridge color palette (#FFEBDD, #633D00, #002C09, #130023, #020100)

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