Cypress Basin color palette — #FAF3F6 · #D8DEEF · #7B9BC6 · #2C7C7E · #495268

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

The five colors

• Ivory (#FAF3F6): a clean, paper-quiet neutral.
• Silver (#D8DEEF): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#7B9BC6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#2C7C7E): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#495268): A full-bodied, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Dusty Powder color palette (#EFF7F6, #D7DCEB, #7CB8E8, #4D91A6, #425468)
• Timeworn Petrol Study color palette (#F1F3EC, #C4E3E4, #72A2C7, #2D758A, #3E3040)
• Washed Cerulean color palette (#FFF1F6, #B98E6A, #4393BE, #4D79AD, #543944)
• Aged Atelier color palette (#FFF1F6, #CFA1B3, #54A3C8, #A1611D, #335165)
• Worn Veranda color palette (#F7EAF4, #93B8C6, #007297, #00513F, #002E58)
• Hushed Pier color palette (#F5E4EF, #46A09D, #005361, #00321A, #001623)
• Cerulean Orchard color palette (#FFF0FA, #A7D7E6, #008EAA, #006A45, #004468)
• Driftwood Hollow color palette (#FFF1F6, #C5E3ED, #A8AEC7, #B37C74, #405040)

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