Cypress Canyon color palette — #F7F1EB · #C8E4E5 · #849EC4 · #16797F · #472C3E

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F7F1EB): bright and airy, almost weightless.
• Silver (#C8E4E5): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#849EC4): A luminous, dusty blue — the color of deep harbor water.
• Teal (#16797F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#472C3E): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, 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 Courtyard color palette (#F4F6F0, #C4E8EA, #759EC2, #3D778C, #5C4D5D)
• Patina Cypress Drift color palette (#F7F0ED, #C9E3DC, #7EA78F, #3C7A59, #153F33)
• Olive Bloom color palette (#F4F3E3, #A9BB89, #9E93C8, #647C2C, #332A4C)
• Dusty Denim color palette (#F1E6DF, #73A3BE, #1B589D, #00393A, #060030)
• Cerulean Hollow color palette (#FCEFE8, #99DEE1, #0091B2, #006545, #002741)
• Tempered Petrol color palette (#F0E7E3, #98BEA3, #00759E, #004D3E, #001631)
• Abyss Quarry color palette (#F4E4DC, #519796, #005262, #002E19, #00050B)
• Washed Navy Harbor color palette (#EEE7DF, #577CA0, #1E2893, #001E24, #020008)

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