Tempered Harbor color palette — #E0DFF2 · #8F77AE · #69476C · #552722 · #33170A

Slate Blue and Charcoal Brown set the tone — five colors that lean into creativity and sophistication.

The five colors

• Frost (#E0DFF2): A whisper-light, dusty violet — the color of a velvet chair.
• Slate Blue (#8F77AE): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#69476C): A full-bodied, dusty pink — the color of a candy shop window.
• Espresso (#552722): A deep, shadowed, dusty orange — the color of toasted spice.
• Onyx (#33170A): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Creativity, Sophistication. Tagged vintage, retro, muted.

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

• Hushed Driftwood color palette (#FCE1FE, #9F6B8C, #754757, #4F2B03, #222400)
• Aged Cobalt color palette (#D8EDFF, #588DD1, #47518C, #403350, #39182B)
• Ash Ridge color palette (#E7EAFF, #AFADD1, #867D9A, #715869, #603F3E)
• Timeworn Peony Bloom color palette (#F8E6FC, #D06AB9, #9C5471, #73441C, #3E3F01)
• Softworn Cypress Meadow color palette (#CCEDEC, #7FAAD3, #93779B, #007B65, #002E27)
• Hazy Byzantium color palette (#DFDBFB, #9D35B7, #874600, #5B006E, #2C1300)
• Taupe Veranda color palette (#FAD3DB, #C38182, #865343, #305241, #003C40)
• Antique Magenta Quarry color palette (#F5D8EF, #BE3BB3, #780070, #33002D, #1B0018)

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