Cypress Field color palette — #FCF3EF · #C2E7CF · #5B91B2 · #1A7162 · #553F54

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

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Celadon Mist (#C2E7CF): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#5B91B2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#1A7162): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#553F54): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Ancient Drift color palette (#F9F0EB, #C6E5D0, #6393B8, #2E6C54, #3A2335)
• Linen Cerulean color palette (#FFF2EC, #75E1F1, #008BB9, #006953, #234163)
• Washed Ash Lagoon color palette (#FAF4ED, #C7EBF0, #AE8DA8, #587761, #624B57)
• Worn Stone color palette (#FFF0FB, #ECD3DF, #E0AEBD, #5F8E80, #56434B)
• Lagoon Dune color palette (#EDDED6, #139295, #004453, #002415, #000A15)
• Dusty Iris Thicket color palette (#FFF0F9, #7B7CDB, #91790C, #686E27, #46303E)
• Hushed Teal Drift color palette (#F0F8F1, #D0E0F9, #75CAF0, #00AFA7, #2C4B66)
• Hushed Cerulean color palette (#F7E8DD, #009EC6, #004D7D, #00302D, #040B3D)

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