Cypress Field color palette — #F5F3E2 · #84AB8D · #007564 · #62393D · #1A1F03

Teal takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F5F3E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#84AB8D): A luminous, dusty teal — the color of sea glass.
• Teal (#007564): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#62393D): A deep, shadowed, dusty red — the color of a theater curtain.
• Onyx (#1A1F03): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, 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

• Muted Olive color palette (#FBF0E3, #A8A365, #4F7126, #5D394E, #231B04)
• Cypress Garden color palette (#F5F7E8, #6DAB81, #167453, #4F4A44, #343630)
• Worn Delta color palette (#FAEBD9, #9C8F39, #446000, #503102, #161200)
• Wandering Lagoon Quarry color palette (#F4F2EA, #C3C6A7, #4C9378, #765952, #31322B)
• Lagoon Coast color palette (#E9E9D7, #328B66, #004F4A, #4A0D33, #000B05)
• Dusty Market color palette (#FFE9C4, #C39F46, #846500, #403200, #100900)
• Wandering Forest color palette (#F9F0EB, #97D5D0, #008B9E, #005F31, #00281C)
• Aged Bronze color palette (#FFEFDA, #D8DFA9, #7FC893, #A65B44, #32240A)

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