Cypress Study color palette — #F5F1EA · #C9E1DE · #7BA894 · #337874 · #1F3D35

Built around Teal, softened by Sage — the whole palette hums with sophistication.

The five colors

• Cream (#F5F1EA): a clean, paper-quiet neutral.
• Silver (#C9E1DE): A whisper-light, dusty teal — the color of sea glass.
• Sage (#7BA894): A luminous, dusty teal — the color of glacier melt.
• Teal (#337874): A full-bodied, dusty teal — the color of shallow lagoons.
• Forest (#1F3D35): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Patina Ash Courtyard color palette (#F5F1EA, #C8E1E1, #79A1C1, #537559, #403040)
• Tempered Denim Pier color palette (#EFE6D8, #5FA9B6, #00617C, #003A35, #000C17)
• Cobalt Garden color palette (#EFE8DE, #8DBFB2, #4067B8, #00485C, #100B3E)
• Ancient Lantern color palette (#FEECF7, #A9AFE1, #AE9B60, #656AAB, #34312A)
• Hushed Studio color palette (#FBEDF5, #E6D3D0, #ACAE99, #987A95, #46333B)
• Ancient Lagoon color palette (#FCF3EF, #C6DDE5, #97CFD5, #67A089, #5E4458)
• Aged Alley color palette (#E8DFD1, #3B829D, #004062, #001F21, #000105)
• Muted Iris Thicket color palette (#FFEBF6, #9794D2, #B38067, #48876E, #35202C)

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