Tempered Harbor color palette — #E7F9FD · #D4DCE7 · #B9A8B3 · #009287 · #082A2F

Fern takes the lead with Onyx close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#E7F9FD): bright and airy, almost weightless.
• Silver (#D4DCE7): bright and airy, almost weightless.
• Ash (#B9A8B3): A luminous, dusty pink — the color of a candy shop window.
• Fern (#009287): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#082A2F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Sophistication. 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

• Wandering Cerulean color palette (#EFF6FA, #D9DBE6, #B9AFB8, #00A2C1, #263841)
• Aged Workshop color palette (#EDF7FD, #D9D9E4, #CDBFE4, #0082AA, #10202B)
• Timeworn Orchard color palette (#ECF5E9, #C6D9CE, #BEA0BE, #006A5E, #101F09)
• Emerald Chapel color palette (#E9F9F6, #C9E4F2, #A7C3EB, #449400, #132926)
• Aged Abyss Drift color palette (#DEECF1, #ABBDCB, #7D93B5, #00444C, #000102)
• Timeworn Cerulean Terrace color palette (#DAF3FF, #008DA5, #002B54, #26232A, #00090D)
• Hazy Veranda color palette (#FFF0F8, #00C5B0, #007AB4, #732F00, #001D20)
• Byzantium Ridge color palette (#DFFBFF, #00B398, #9600DD, #543A00, #1B1000)

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