Cypress Atelier color palette — #F8EFF4 · #C7E0F2 · #718FBC · #006E63 · #232A46

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

The five colors

• Ivory (#F8EFF4): bright and airy, almost weightless.
• Powder Blue (#C7E0F2): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#718FBC): A luminous, dusty blue — the color of open sky before noon.
• Teal (#006E63): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#232A46): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cypress Atelier 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

• Timeworn Cerulean color palette (#EFF8F1, #C4E1F4, #4191CB, #007077, #334965)
• Frosted Corridor color palette (#F9EEF4, #AFD6EC, #1985E1, #006452, #1D1957)
• Weathered Cobalt color palette (#EEF1FF, #E2D3DF, #EAB6AC, #4982B3, #2B2943)
• Dusty Boulevard color palette (#E8DAE4, #418392, #003F63, #002015, #00000C)
• Ancient Cabin color palette (#F5ECF5, #64AAAC, #00617E, #003C19, #000A1F)
• Aged Bloom color palette (#F9EDFB, #6ECECA, #007E9A, #035611, #001B34)
• Patina Lagoon color palette (#FAF4EF, #C8EFDC, #7FA7DC, #2B8C7C, #5C3C50)
• Bronze Corridor color palette (#F1F0FF, #A77AB3, #947E00, #7D6A00, #1F1A32)

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