Cypress Field color palette — #E8F5F1 · #89BFBF · #438180 · #3D5C53 · #102D2D

Teal takes the lead with Ash close behind in a set that reads as sophistication and grounding at first glance.

The five colors

• Cream (#E8F5F1): bright and airy, almost weightless.
• Ash (#89BFBF): A luminous, dusty teal — the color of sea glass.
• Teal (#438180): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#3D5C53): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#102D2D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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

• Antique Harbor color palette (#EDF8F6, #92B8B8, #318374, #456340, #1E4A4B)
• Cypress Market color palette (#E1F8F0, #7AAE8F, #1F726F, #334860, #002221)
• Aged Petrol color palette (#C9E7DC, #55BBB3, #00829B, #005A82, #1B2E50)
• Soft Amber color palette (#E1F6FF, #46B5C5, #C17A41, #00727F, #3F1D00)
• Timeworn Petrol color palette (#E6F4FF, #83C5EF, #2B7DA3, #00455F, #001728)
• Worn Cypress Cabin color palette (#F7EFF4, #C7E1EE, #6592BB, #0F6E57, #1F2B46)
• Weathered Cabin color palette (#E3F5FF, #D8D7E6, #E4B4CD, #558B7A, #1F3547)
• Fern Parlor color palette (#F7F6E8, #BDCAAA, #5A9C9E, #677948, #364B02)

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