Cypress Field color palette — #FCF3EF · #C7E5D1 · #5491BE · #007455 · #5A3C54

Pine takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Celadon Mist (#C7E5D1): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#5491BE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#007455): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#5A3C54): 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

• Weathered Cobalt color palette (#FFF2EC, #B6D8BE, #0089C0, #006A43, #213C78)
• Aged Cypress color palette (#F9F4EF, #CEE3E6, #B08CA5, #007E84, #654954)
• Washed Cerulean color palette (#EDF4EE, #BAE4F7, #4898BA, #006D67, #182E41)
• Timeworn Coast color palette (#F9F4ED, #BEE9E3, #4EB2DA, #338A83, #245145)
• Washed Stone Orchard color palette (#FFF0FE, #ECD4D0, #F3ACAA, #4B8DAA, #604854)
• Tempered Abyss Study color palette (#EDE0DC, #4A8D8F, #004358, #00240C, #00091C)
• Wandering Bronze color palette (#FFF1F4, #A275AE, #A56D2E, #806500, #4C2D35)
• Powder Market color palette (#FBF2F8, #D1DAF7, #83C6F3, #73A58D, #384863)

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