Tempered Petrol Harbor color palette — #F1F5FF · #D1D0FD · #9C9AD9 · #665D9B · #37355D
Slate and Mauve set the tone — five colors that lean into creativity and sophistication.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lilac Frost (#D1D0FD): A whisper-light, dusty violet — the color of a velvet chair.
- Mauve (#9C9AD9): A luminous, balanced violet — the color of wild irises.
- Slate (#665D9B): A full-bodied, balanced violet — the color of twilight just after sunset.
- Navy (#37355D): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Sophistication. Tagged monochrome, muted.
Use it as a design system
One click turns Tempered Petrol 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
- Lilac Loft color palette (#FFF0F8, #DED2D7, #AAA4E2, #6A6A95, #422437)
- Washed Petrol Workshop color palette (#EDF7FF, #B6D9F7, #65A3C5, #0F6D98, #073F59)
- Aged Iris color palette (#F1F5FF, #C3C6F8, #817CC3, #464577, #2B334E)
- Muted Study color palette (#F1F5FF, #DED8E1, #C6A9A1, #8CA7CF, #494E63)
- Wisteria Coast color palette (#F6F4FB, #D4CBF0, #CD867A, #B46FB2, #382834)
- Dusty Lagoon color palette (#F5F3FF, #C09CC7, #98A26A, #2C8D71, #3D3A4E)
- Mulberry Lantern color palette (#FAF2FF, #F2B9D3, #C67797, #903866, #4C1D37)
- Airy Aubergine Terrace color palette (#F9DFFF, #CF96D8, #9F49AD, #6D0086, #26002D)
Browse the whole catalog at Explore, or see today's palette.