Tempered Harbor color palette — #EFF7F5 · #D3DBDD · #C2C1CC · #A0C18D · #4B5553

Built around Sage, softened by Stone — the whole palette hums with nature and growth.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#D3DBDD): bright and airy, almost weightless.
• Stone (#C2C1CC): soft and architectural.
• Sage (#A0C18D): A luminous, balanced green — the color of fresh herbs.
• Charcoal Brown (#4B5553): a grounded near-black with real depth.

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

Use it as a design system

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

• Patina Turquoise color palette (#EFF7F9, #D5DBE4, #B7B2C6, #3EC0C7, #3D4A4E)
• Worn Mint Field color palette (#E3F6F6, #87C7A5, #698083, #405A5A, #192423)
• Worn Driftwood Drift color palette (#F2F2EA, #D1D9D2, #A1B3B0, #87873F, #36372F)
• Worn Seafoam color palette (#E6FAF9, #B1F9C7, #ABE7E9, #48E2CA, #254A4A)
• Ancient Meadow color palette (#EDF7FC, #97D3DE, #8DAADA, #9975B4, #5C3442)
• Patina Jade Corridor color palette (#E8F0F1, #C9D5DD, #A5BFD5, #00AB82, #1D3233)
• Hushed Lagoon color palette (#D5E2E8, #A8B0C0, #8E98B5, #008091, #001720)
• Timeworn Pine color palette (#DBE4E2, #93A3AA, #738D9A, #03791C, #000C0B)

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