Cypress Terrace color palette — #F7F0ED · #C8E5E0 · #74A4BB · #147D64 · #422E44

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

The five colors

• Cream (#F7F0ED): a clean, paper-quiet neutral.
• Silver (#C8E5E0): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#74A4BB): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#147D64): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#422E44): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Cypress Study color palette (#F7F0ED, #CAE3DC, #7FA78F, #3B7A5A, #193E33)
• Aged Garden color palette (#EAF5EE, #7AC0D1, #CF8584, #007F96, #372F2C)
• Muted Sky color palette (#F9F3F8, #D6D5E8, #7ABBDA, #559580, #455464)
• Hushed Lagoon color palette (#E9F8DB, #7DC1B6, #249AA1, #00617B, #1B4236)
• Hushed Denim Veranda color palette (#F5E5DD, #83A789, #00627B, #003B29, #000C19)
• Cobalt Garden color palette (#FDEFE5, #B1DBC8, #3486D6, #006261, #181F4F)
• Hushed Studio color palette (#ECE2DD, #5B836C, #004061, #00201B, #000109)
• Hushed Cerulean color palette (#DCFAEC, #A5DAED, #4297B1, #005468, #00222F)

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