Cypress Study color palette — #FBF2F8 · #D4D7EE · #75A0B7 · #42797A · #445563

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

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Powder Blue (#D4D7EE): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#75A0B7): A luminous, dusty blue — the color of open sky before noon.
• Teal (#42797A): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#445563): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Cypress Study 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 Harbor color palette (#F6EFF6, #D0D3ED, #71A5BB, #4E7656, #25374D)
• Tempered Canyon color palette (#EFF6FF, #DDD8E2, #C3AAA2, #7996A9, #4B505E)
• Muted Teal Canyon color palette (#EEE2EA, #35B3B1, #006273, #004124, #002235)
• Patina Cabin color palette (#EAF7FF, #70C4F2, #648BC8, #545C86, #50435C)
• Wandering Cerulean color palette (#E7DAE4, #2C8F9D, #00425B, #00231A, #00091A)
• Wandering Canyon color palette (#EFF6FF, #7796DC, #A78344, #83763E, #394352)
• Periwinkle Lantern color palette (#EFF6FF, #8AAFF8, #B39361, #5A72A2, #3B553E)
• Worn Cabin color palette (#F8F4EE, #CFE4DE, #8DD4E3, #6EB29D, #2E5343)

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