Cypress Study color palette — #FAF4F0 · #CDE4E2 · #AB8DAE · #387D6C · #65485B

Teal and Dusty Rose set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#CDE4E2): A whisper-light, dusty teal — the color of sea glass.
• Dusty Rose (#AB8DAE): A luminous, dusty pink — the color of peonies in June.
• Teal (#387D6C): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#65485B): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Sophistication. Tagged coastal, cool, light, muted.

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

• Cypress Basin color palette (#FAF3F0, #CBE8E4, #74A595, #3F7D63, #604B5C)
• Olive Studio color palette (#FFF1F6, #9E8EBD, #908E42, #507F41, #553945)
• Worn Azure Workshop color palette (#EEF4EF, #D3DDF1, #62A4CF, #2D787A, #2A3746)
• Cerulean Field color palette (#FFF0FA, #E6D9D5, #E1C6A1, #6096B9, #60464D)
• Indigo Dune color palette (#FCF4EC, #A7D3FB, #6675D6, #006669, #4B3069)
• Worn Navy Grove color palette (#FFF1F7, #ECBDCF, #8C73A8, #5A4380, #382E52)
• Linen Pewter Delta color palette (#DAFFEF, #99B9E6, #6E7DBF, #765494, #6A4248)
• Hushed Cobalt color palette (#FEF1F9, #A4ACDE, #959F66, #636AB5, #4A5228)

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