Cypress Field color palette — #FAF3F6 · #D8DEEF · #7F9AC8 · #008076 · #4A516C

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF3F6): a clean, paper-quiet neutral.
• Silver (#D8DEEF): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#7F9AC8): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#008076): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#4A516C): A full-bodied, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, 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 Balcony color palette (#F1F7F2, #D8DEED, #88B6E1, #48939D, #445469)
• Washed Canyon color palette (#F5F1EB, #C4E6E6, #73A1CB, #2F7780, #40303F)
• Cobalt Thicket color palette (#EEF6FF, #8FB4D8, #CA8569, #2F77B3, #624155)
• Tempered Bloom color palette (#EEF6FF, #759CC3, #B27B54, #886D26, #334456)
• Tempered Denim Garden color palette (#EEF6FF, #ADCCEC, #5482AB, #085288, #163B5A)
• Patina Petrol color palette (#F3ECF2, #91B8C7, #00719C, #005331, #112A5E)
• Quiet Forest color palette (#FCF1FC, #9ADCDC, #008DB0, #006C28, #13416F)
• Timeworn Archive color palette (#EDF9F0, #A3BFB5, #638B71, #78553A, #324E4B)

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