Cypress Field color palette — #F9F0E5 · #BA9560 · #2B8368 · #364B74 · #3C1D1A

Fern and Camel set the tone — five colors that lean into optimism and creativity.

The five colors

• Cream (#F9F0E5): bright and airy, almost weightless.
• Camel (#BA9560): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#2B8368): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#364B74): A full-bodied, dusty violet — the color of wild irises.
• Espresso (#3C1D1A): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Creativity, Sophistication. Tagged 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

• Petrol Delta color palette (#F4F2E6, #92A568, #1C7F90, #554071, #3D1E0D)
• Olive Cabin color palette (#FBEFEA, #CD877F, #697A31, #005664, #3D1A28)
• Dusty Amber color palette (#FEF1F5, #C78944, #4C749D, #40537A, #453554)
• Marigold Cabin color palette (#EFF8EF, #DFA54F, #5B9B83, #536990, #4A3C53)
• Quiet Harbor color palette (#FBF1DC, #988200, #006A60, #20268C, #330017)
• Worn Moss color palette (#FDEDCF, #BBB271, #839032, #4B6127, #383932)
• Hushed Driftwood color palette (#FEEFDC, #CEC4A6, #8E9470, #756575, #4E3F46)
• Chestnut Lagoon color palette (#F4F2E8, #C5C6A8, #668E6F, #8A5128, #31322B)

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