Cypress Harbor color palette — #E7F6EC · #90A980 · #007758 · #613848 · #01221D

Teal takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E7F6EC): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#90A980): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#007758): A full-bodied, balanced teal — the color of glacier melt.
• Cocoa (#613848): A deep, shadowed, dusty rose — the color of a warm blush.
• Onyx (#01221D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Ancient Olive Bloom color palette (#FFECF4, #AFA063, #4B720E, #444168, #0A2215)
• Basalt Courtyard color palette (#DAEDE6, #5C9E7B, #006261, #572245, #001616)
• Softworn Jade color palette (#E6FAF5, #6BAC7F, #1D735C, #3D4B66, #1D3B3A)
• Aged Olive color palette (#FEEDF3, #93BFA7, #5F804C, #4D536E, #192C22)
• Wandering Lagoon Study color palette (#FCF5E5, #9EC08D, #3B9277, #815754, #36362F)
• Muted Summit color palette (#F6F6E9, #B0DDBC, #319F81, #56618B, #252B14)
• Gentle Emerald color palette (#F6E1F6, #CD7277, #00953A, #991D33, #002409)
• Cobalt Dune color palette (#F8EFF3, #9CD0E9, #427BCD, #005C52, #1E1B3C)

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