Tempered Ash Harbor color palette — #F5F3FF · #E5D4E2 · #DDAFB3 · #9E87B4 · #4D455B
Heather and Rosewood Mist set the tone — five colors that lean into creativity and sophistication.
The five colors
- Ivory (#F5F3FF): a clean, paper-quiet neutral.
- Silver (#E5D4E2): A whisper-light, dusty pink — the color of a candy shop window.
- Rosewood Mist (#DDAFB3): A luminous, dusty red — the color of late-summer berries.
- Heather (#9E87B4): A luminous, dusty violet — the color of twilight just after sunset.
- Charcoal (#4D455B): A full-bodied, dusty violet — the color of wild irises.
Feels like: Creativity, Sophistication, Softness, Clarity. Tagged pastel, light, muted.
Use it as a design system
One click turns Tempered Ash 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
- Aged Studio color palette (#FEF0FF, #E9D4D9, #E8C79B, #B78293, #5D4C5C)
- Peony Archive color palette (#FFF0F7, #FFCAD8, #FF9FA3, #B55FAB, #5D283F)
- Aged Study color palette (#FFF1F4, #E3D9D2, #A1B1E7, #9CB3A0, #5F4346)
- Hushed Pewter Terrace color palette (#FBF1FF, #EBB898, #9C5B6D, #4F3956, #271D2A)
- Misty Amber Summit color palette (#F2DCF6, #CB8B8A, #C4694A, #7F2C50, #220004)
- Blush Summit color palette (#EDD6E7, #EB9AC2, #DB6883, #783B7B, #2E0B23)
- Blush Thicket color palette (#FBF1FF, #DC7D96, #A88B4F, #6468A3, #3C2C41)
- Patina Harbor color palette (#E6FBEF, #C0C293, #98915E, #77683C, #23453A)
Browse the whole catalog at Explore, or see today's palette.