Cypress Harbor color palette — #F9F3F8 · #D5D6EC · #7C9EB6 · #4F7A5F · #42546C

Teal and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Silver (#D5D6EC): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#7C9EB6): A luminous, dusty blue — the color of open sky before noon.
• Teal (#4F7A5F): A full-bodied, dusty teal — the color of sea glass.
• Peacock (#42546C): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Hushed Lagoon Coast color palette (#F1F7F2, #D3E0F1, #84BBCC, #4B9687, #3C5668)
• Aged Cypress Cabin color palette (#F5F1EB, #C7E3DD, #67A7BA, #027D6C, #193E31)
• Wandering Bronze color palette (#EEF8EF, #CCAA72, #8E95C5, #916B25, #404C6B)
• Timeworn Grove color palette (#F5E8F4, #5DAEB1, #00607D, #00411C, #001E45)
• Aged Driftwood color palette (#E8FBEC, #C5E4E8, #AFC5DD, #A07C93, #43564E)
• Washed Corridor color palette (#F0DFEA, #448C9C, #004066, #002318, #03002D)
• Ancient Terrace color palette (#FEF1F8, #A1D8ED, #4382C9, #006858, #393968)
• Taupe Terrace color palette (#E7FBEF, #A8984D, #7A87B6, #796596, #34483C)

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