Cypress Pier color palette — #F7EFF2 · #C7DFF6 · #778CBF · #006B77 · #2B2648

Peacock and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F7EFF2): a clean, paper-quiet neutral.
• Powder Blue (#C7DFF6): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#778CBF): A luminous, balanced violet — the color of twilight just after sunset.
• Peacock (#006B77): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#2B2648): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, 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

• Patina Basin color palette (#F6F0F4, #C8E1E9, #4D99AF, #00704A, #072F47)
• Cobalt Delta color palette (#EEF7F7, #C4E0FB, #558CD0, #296A88, #39495F)
• Tempered Denim Field color palette (#EFE0EB, #68A7B6, #005F87, #003A31, #000921)
• Navy Veranda color palette (#F1E1E9, #42819D, #003C6F, #001F1F, #01000C)
• Muted Periwinkle Courtyard color palette (#FAF4ED, #C1F1E2, #8AA4DE, #348893, #5B3D4E)
• Weathered Orchard color palette (#FEEBF9, #71CBD9, #007CA5, #005341, #001A36)
• Olive Canyon color palette (#E5F6F1, #94AF70, #A775C3, #4F7100, #341A42)
• Airy Mulberry color palette (#DBF9F4, #6B9D5E, #916CB2, #8E4F91, #002420)

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