Cypress Field color palette — #DFF8F4 · #82AB8F · #1C7655 · #214C60 · #002221

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

The five colors

• Ivory (#DFF8F4): A whisper-light, dusty teal — the color of sea glass.
• Sage (#82AB8F): A luminous, dusty teal — the color of sea glass.
• Pine (#1C7655): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#214C60): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#002221): A deep, shadowed, dusty teal — the color of sea glass.

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 Station color palette (#E8F6ED, #A3A473, #5F6B2E, #543D55, #022217)
• Ancient Lagoon color palette (#E4F6F7, #8AC0B1, #3C837B, #3E586E, #0E2C30)
• Ancient Pier color palette (#DAF6F2, #619D73, #006545, #532F02, #001808)
• Patina Lagoon Bloom color palette (#CEF3F1, #3A896B, #005041, #002E41, #000B05)
• Lagoon Veranda color palette (#EAF9F2, #B8DCA9, #529B7A, #605F81, #002F2A)
• Lagoon Courtyard color palette (#F4F7E6, #AEBB91, #3F9272, #316C7F, #2F3B00)
• Chalky Moss color palette (#CBEFD9, #9C9B19, #556300, #6E1C22, #181700)
• Twilit Olive Basin color palette (#D0E5D9, #6D6C00, #323B00, #3F010E, #030300)

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