Cypress Field color palette — #F1F7F2 · #CFE2F4 · #6AA4AF · #457B69 · #3F5664

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Frost (#CFE2F4): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#6AA4AF): A luminous, dusty blue — the color of deep harbor water.
• Teal (#457B69): A full-bodied, dusty teal — the color of sea glass.
• Peacock (#3F5664): A full-bodied, dusty blue — the color of open sky before noon.

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

• Weathered Ridge color palette (#F5F0F5, #D0DDEA, #69A6BE, #477850, #24384E)
• Softworn Teal color palette (#DFECE1, #5BAFAB, #00636C, #00402D, #00242E)
• Ash Archive color palette (#E1FCF9, #C9E0EF, #ADC5E3, #729D8E, #355253)
• Wandering Lagoon color palette (#FBF3F1, #CFE6E0, #90BDA8, #569767, #614962)
• Olive Station color palette (#E6FAF7, #95BD8C, #AE88BE, #528147, #4C4867)
• Worn Meadow color palette (#E4F5E7, #328F9A, #004455, #00231E, #000B14)
• Washed Cerulean Parlor color palette (#EDF9EF, #97DAEE, #218AB7, #006665, #13426A)
• Petrol Balcony color palette (#E5F3E8, #88B9D1, #236DA2, #004F55, #0C2C5C)

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