Tempered Jade Harbor color palette — #F4F7EC · #CCE1D5 · #99B7CB · #75B685 · #3B4500

Jade takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Silver (#CCE1D5): A whisper-light, dusty teal — the color of sea glass.
• Ash (#99B7CB): A luminous, dusty blue — the color of deep harbor water.
• Jade (#75B685): A luminous, balanced teal — the color of sea glass.
• Deep Olive (#3B4500): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Jade 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

• Teal Boulevard color palette (#F1F7EF, #C9E2DC, #AACCCA, #17BDAB, #394336)
• Antique Chapel color palette (#F5F7EA, #C8E3D7, #A2CAC6, #64955D, #404400)
• Ancient Coast color palette (#F9F5E9, #D4DFCD, #95B5BA, #B1A74B, #443F34)
• Patina Bloom color palette (#E1F6D7, #00BBA2, #27737A, #394633, #101309)
• Lagoon Chapel color palette (#D8E1D5, #ACC6C1, #84B2B0, #009487, #192216)
• Washed Study color palette (#F6F7E4, #91E4AA, #00C099, #789267, #3A3B35)
• Mint Coast color palette (#FFF4E2, #00E490, #00B3B8, #9D619C, #004032)
• Glacier Lantern color palette (#C2FCE6, #5AE6EC, #7FBCDB, #A67891, #74361B)

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