Cypress Pier color palette — #EFF3ED · #B4CCA5 · #5F83BE · #00856F · #1C121B

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

The five colors

• Cream (#EFF3ED): bright and airy, almost weightless.
• Pistachio (#B4CCA5): A luminous, dusty green — the color of a quiet forest floor.
• Slate Blue (#5F83BE): A luminous, balanced blue — the color of open sky before noon.
• Teal (#00856F): A full-bodied, balanced teal — the color of sea glass.
• Ink (#1C121B): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Washed Garden color palette (#F3F2EC, #BACB9E, #428ABA, #617E00, #071A15)
• Washed Petrol color palette (#EDF4F0, #90CEE2, #A56C9B, #007E99, #211012)
• Periwinkle Lagoon color palette (#EDF7F8, #95E3CD, #779BE0, #3AA088, #272E39)
• Powdered Coast color palette (#E2FBD7, #A4C9AC, #488FB0, #2B5796, #33215F)
• Weathered Chestnut Cabin color palette (#FBF0E1, #78B9B6, #557CA5, #6D4B00, #183323)
• Muted Lagoon color palette (#EEF3EF, #D0D9D9, #B7AAA1, #3F9198, #313832)
• Softworn Mulberry color palette (#D4E6DD, #0084AC, #740067, #003C50, #040003)
• Aged Garden color palette (#ECF4EF, #5D9DAB, #785892, #773C0C, #18200F)

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