Weathered Petrol color palette — #FBF2F8 · #E7D5D1 · #D7B2AE · #5E61A9 · #473C43
Built around Slate, softened by Rosewood Mist — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#FBF2F8): a clean, paper-quiet neutral.
- Bone (#E7D5D1): A whisper-light, dusty orange — the color of toasted spice.
- Rosewood Mist (#D7B2AE): A luminous, dusty orange — the color of autumn markets.
- Slate (#5E61A9): A full-bodied, balanced violet — the color of twilight just after sunset.
- Charcoal (#473C43): a grounded near-black with real depth.
Feels like: Creativity, Sophistication. Tagged scandi, muted, light.
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
- Patina Nightshade Chapel color palette (#F4ECF0, #DBC6C8, #B89891, #594199, #392831)
- Dusty Thicket color palette (#FBF3F2, #DEDAD3, #A2AFA9, #A17570, #5A504E)
- Lilac Atelier color palette (#F1F5FF, #E0D6E3, #C0A79F, #9D9BE1, #393F51)
- Mulberry Field color palette (#FEF2F1, #E8CCC1, #C99C76, #9F0071, #432C2C)
- Airy Bloom color palette (#C5F4E8, #BC9ED9, #B15974, #1D6C67, #15524E)
- Timeworn Aubergine color palette (#E9DBDE, #CBB2B0, #A3877A, #631B7E, #2A1A1E)
- Patina Pine color palette (#FFF4DF, #8FAF71, #007D58, #773954, #3B3B34)
- Airy Indigo color palette (#FFF0FB, #556FED, #6B5800, #004D2F, #003230)
Browse the whole catalog at Explore, or see today's palette.