Cypress Field color palette — #FAF3F0 · #CAE9E0 · #62A4B7 · #407D5E · #345148

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF3F0): a clean, paper-quiet neutral.
• Honeydew (#CAE9E0): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#62A4B7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#407D5E): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#345148): A full-bodied, dusty teal — the color of shallow lagoons.

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

• Softworn Bloom color palette (#F9F4EF, #CBE5E8, #8299CA, #367A83, #604C57)
• Turquoise Drift color palette (#F5F6EE, #C7E9E0, #74C0C8, #758F6C, #44584B)
• Antique Spruce color palette (#F1E7E2, #65ADA9, #006271, #004121, #002334)
• Hushed Amber color palette (#FFF0FE, #7499D2, #AE7F3F, #7C7945, #4D3C4C)
• Antique Cerulean Quarry color palette (#EBDED8, #388E99, #004359, #00231A, #000919)
• Aged Market color palette (#FCF2FA, #E7D7D6, #E6B5A4, #749B85, #5E4E59)
• Faded Cobalt color palette (#FFF2EB, #9DD9EA, #0088C6, #00685B, #243F6D)
• Aged Cobalt Pier color palette (#F8ECE4, #81BAD5, #006AB8, #00504E, #232B4E)

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