Weathered Petrol color palette — #F1F5FF · #C4D3F9 · #9C9CD4 · #6560A3 · #2E3157
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 (#C4D3F9): A whisper-light, dusty violet — the color of a velvet chair.
- Mauve (#9C9CD4): A luminous, balanced violet — the color of twilight just after sunset.
- Slate (#6560A3): A full-bodied, balanced violet — the color of wild irises.
- Navy (#2E3157): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Sophistication. Tagged monochrome, muted.
Use it as a design system
One click turns Weathered Petrol 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
- Muted Powder color palette (#FFF0F8, #DDD2D9, #AAB1EC, #686B95, #3A1E30)
- Pewter Basin color palette (#F6F3FF, #DCD4FE, #BF8CBA, #905584, #4C2B48)
- Tempered Petrol Orchard color palette (#EDF7FF, #B3DAF4, #66ABCF, #1076A4, #084158)
- Ancient Archive color palette (#FFF0F9, #C2C8FD, #797BC1, #48457B, #4B2E3F)
- Tempered Lilac Dune color palette (#F4F4FB, #DBC7F3, #C38E6A, #9E78C5, #382830)
- Softworn Turquoise color palette (#EFF6FF, #E1D9E2, #C4AD9F, #63ACBA, #4D5166)
- Antique Celadon color palette (#BCFFEE, #BCE893, #C1C5FF, #414A65, #2D3139)
- Pewter Workshop color palette (#FFF0F7, #BDD1BF, #B68EA1, #956666, #354E44)
Browse the whole catalog at Explore, or see today's palette.