Cypress Canyon color palette — #F9F4EE · #C8E7E5 · #6FA0BC · #317C7B · #2C534A

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

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#C8E7E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#6FA0BC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#317C7B): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#2C534A): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cypress Canyon 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

• Worn Field color palette (#FAF4EB, #C8E4D6, #5F90B3, #1C6F73, #573D58)
• Hushed Lagoon color palette (#F9F3F7, #D7DFEF, #96B5D5, #429882, #48526A)
• Muted Petrol color palette (#F5EDE3, #9EBA9C, #007682, #00523C, #003442)
• Tempered Denim color palette (#F9EEDD, #5DACBD, #00607F, #003E3B, #002139)
• Aged Lagoon color palette (#E8FDDD, #93D5C3, #4E9588, #0A5A4F, #044136)
• Hushed Hollow color palette (#F2F7EC, #85BFA3, #BC84AB, #408165, #634345)
• Timeworn Navy color palette (#F2E8D7, #408AAB, #003F68, #002225, #000720)
• Tempered Meadow color palette (#EFFAE5, #60A890, #8980BD, #9B694D, #3D4634)

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