Cypress Study color palette — #E3F4F6 · #A7B0C1 · #9996C3 · #008474 · #00181C

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

The five colors

• Cream (#E3F4F6): a clean, paper-quiet neutral.
• Ash (#A7B0C1): A luminous, dusty violet — the color of a velvet chair.
• Blue Fog (#9996C3): A luminous, dusty violet — the color of a velvet chair.
• Teal (#008474): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#00181C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Hushed Petrol color palette (#E1EAEE, #9E9FAF, #90829F, #006F84, #000B12)
• Olive Pier color palette (#E2F0ED, #A0B3BF, #7AA1BE, #4A830D, #061714)
• Patina Orchard color palette (#DAE2D8, #94A59A, #5C867A, #00403B, #010601)
• Aged Abyss color palette (#E5ECE5, #A5BBAB, #7B9E8F, #00605C, #091808)
• Muted Cobalt Field color palette (#E7ECF1, #C6BCCE, #BA9DB5, #4E7FCF, #14202F)
• Washed Cobalt color palette (#C6E9E1, #4AA59D, #5074A9, #595200, #231F00)
• Hushed Archive color palette (#E9F8FC, #D1DBF6, #C8BAE5, #00AEAC, #23363C)
• Lime Studio color palette (#D4E7EF, #6DD514, #00B7D4, #6E6CF9, #00101F)

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