Cypress Field color palette — #FAF4F0 · #CCE4CD · #4F95AA · #1C7350 · #235245

Pine and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Celadon Mist (#CCE4CD): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#4F95AA): A luminous, dusty blue — the color of open sky before noon.
• Pine (#1C7350): A full-bodied, balanced teal — the color of sea glass.
• Forest (#235245): A full-bodied, dusty teal — the color of glacier melt.

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 Drift color palette (#FFF2EB, #B9D8B8, #008EA6, #006A3F, #004565)
• Dusty Turquoise color palette (#F5F6EF, #C1E6DD, #3BB7C7, #1F8C81, #2E503C)
• Cypress Courtyard color palette (#FAF4F0, #C3E6D6, #6A8DB6, #007170, #5A3D52)
• Ancient Drift color palette (#F7EBE6, #489DAB, #00516E, #003126, #00142D)
• Weathered Navy Lagoon color palette (#FFF2EB, #85C2D6, #0074B0, #00574E, #0D2B74)
• Hushed Powder Lantern color palette (#FAF2F8, #BBF8F9, #86C9DD, #74A58B, #314B60)
• Aged Grape color palette (#FFF1F4, #B490C0, #529C69, #87459C, #224D30)
• Olive Meadow color palette (#FFF1F2, #AE729B, #6A8734, #007C59, #4D2E30)

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