Tempered Harbor color palette — #F6EFF6 · #A6C5F5 · #AB6F7B · #5372A5 · #1E1210

Slate and Mocha set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F6EFF6): bright and airy, almost weightless.
• Sky (#A6C5F5): A luminous, dusty blue — the color of open sky before noon.
• Mocha (#AB6F7B): A luminous, dusty red — the color of embers at dusk.
• Slate (#5372A5): A full-bodied, balanced violet — the color of wild irises.
• Ink (#1E1210): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Sophistication. Tagged duotone, 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

• Tempered Petrol color palette (#F0F6FC, #96C6F1, #AD675C, #3472A5, #362933)
• Dusty Drift color palette (#F9EEF2, #D4B3F5, #AA754F, #7F6497, #1E130A)
• Washed Aqua Garden color palette (#ECF4EE, #70D4E6, #9E6FA4, #377D89, #1D1315)
• Iris Boulevard color palette (#F1F5FC, #BDD2F7, #C384AC, #7588CC, #302B36)
• Powder Lantern color palette (#FFEAFC, #C7BAF6, #A177A1, #714159, #49131C)
• Antique Alley color palette (#F3F4E0, #A1A2EE, #946984, #325D43, #37262D)
• Worn Summit color palette (#F8EFF3, #E0D4D2, #B7AFA1, #9C758B, #3C3338)
• Pale Rust color palette (#FBEDF6, #979CFF, #B53E00, #4E49B2, #140500)

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