Cypress Pier color palette — #DCEFF1 · #A1B2BF · #7F9EBB · #00856A · #00181A

A conversation between Teal and Blue Fog, giving this palette its sense of sophistication.

The five colors

• Frost (#DCEFF1): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#A1B2BF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#7F9EBB): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00856A): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#00181A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: 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

• Aged Courtyard color palette (#E1F1F7, #97A1B2, #7D89A4, #00717A, #000B11)
• Antique Dune color palette (#D4E3E3, #8DA4AC, #667F93, #004129, #000606)
• Cobalt Quarry color palette (#DEE5ED, #BFBED6, #A8A3BD, #4385C0, #15202C)
• Dusty Delta color palette (#C2E7E3, #00CD9E, #00B8AD, #0092A8, #001112)
• Muted Jade color palette (#C4E6E6, #00B18A, #008272, #2F6247, #00140D)
• Antique Cerulean Station color palette (#CDF0F3, #00A2BD, #4D81A0, #574974, #291231)
• Aubergine Coast color palette (#CEE6EC, #009490, #006AA0, #4A1F99, #000B00)
• Weathered Terrace color palette (#E5FAFD, #C5DEF7, #ABBDE6, #00B09F, #1A383D)

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