Cypress Field color palette — #F0F7F2 · #C5E1F0 · #5992B2 · #007170 · #304A65

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

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Powder Blue (#C5E1F0): A whisper-light, dusty blue — the color of deep harbor water.
• Storm Blue (#5992B2): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007170): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#304A65): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Wandering Azure color palette (#F8EFF4, #C4E1F1, #4B93CF, #196E56, #1F2B46)
• Cobalt Study color palette (#EFF8F0, #ABC9E1, #457BB4, #005E6B, #273864)
• Worn Alley color palette (#FAF4EC, #CFE6FF, #82C7EE, #67A5A3, #2F4F47)
• Washed Lagoon Alley color palette (#E4EFE6, #3E8E95, #004452, #00231D, #000B13)
• Worn Periwinkle Lantern color palette (#FBF3EF, #C2E7E4, #63ABEA, #288D72, #593E51)
• Quiet Alley color palette (#F9F2FF, #BA6C92, #7F8027, #007398, #3F314A)
• Aged Ultramarine Thicket color palette (#DFEAE1, #84A2C0, #1F50B0, #003C4B, #161152)
• Misty Plum color palette (#F8F2FF, #C789AE, #4B9D6F, #A0367D, #1C4D33)

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