Cypress Field color palette — #FBF2F7 · #BCE2FB · #658EB8 · #12706D · #394864

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

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Powder Blue (#BCE2FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#658EB8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#12706D): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#394864): A full-bodied, dusty violet — the color of a velvet chair.

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

• Cypress Veranda color palette (#F7EFF3, #C7E0F1, #738FB6, #006E60, #212A4A)
• Soft Cobalt color palette (#FEF1F8, #7ADDFF, #1086CD, #006760, #293D6E)
• Lagoon Lagoon color palette (#FDF3EC, #C4E6E5, #83A7D7, #2C8C7C, #444367)
• Mallow Chapel color palette (#EBF7FF, #DDDAE4, #CFB4E5, #54828E, #435160)
• Teal Dune color palette (#EEE2EB, #3BB2B2, #006274, #004026, #002236)
• Washed Pier color palette (#EDDDE9, #0090A4, #00425D, #00231C, #00091C)
• Hazy Turquoise color palette (#ABF7ED, #00C2D7, #007FA9, #265D84, #453E62)
• Washed Forest color palette (#FEF0FA, #5FCCC5, #007C8C, #005A2C, #00384F)

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