Cypress Pier color palette — #E5F3F7 · #9BA0AB · #8288A2 · #007178 · #000B11
Built around Teal, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#E5F3F7): a clean, paper-quiet neutral.
- Blue Fog (#9BA0AB): soft and architectural.
- Slate Blue (#8288A2): A luminous, dusty violet — the color of twilight just after sunset.
- Teal (#007178): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#000B11): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Denim Field color palette (#E3EAF2, #A09EAB, #8D8399, #0065AF, #000919)
- Dusty Abyss Balcony color palette (#E4F1F4, #99A7B1, #7687A6, #005050, #000B10)
- Cypress Boulevard color palette (#E5EEE6, #7E9388, #4C7568, #003034, #000200)
- Weathered Cabin color palette (#C7EBF6, #658FB0, #5D6398, #773423, #170B00)
- Pine Balcony color palette (#DAF1E7, #72945D, #00763A, #00544C, #020800)
- Aged Cobalt color palette (#E1E8EE, #BFBECB, #ABA2BA, #0085D6, #14212C)
- Frosted Garnet color palette (#EDE2CA, #008999, #005C9E, #72001B, #000407)
- Muted Studio color palette (#C7E4F3, #008096, #6C30A4, #6A0800, #010200)
Browse the whole catalog at Explore, or see today's palette.