Petrol Quarry color palette — #FFE5FC · #E9AA9F · #A0995F · #5F6B9F · #3D4776
Slate and Navy set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#FFE5FC): A whisper-light, dusty pink — the color of peonies in June.
- Rose Quartz (#E9AA9F): A luminous, dusty orange — the color of toasted spice.
- Moss (#A0995F): A luminous, dusty green — the color of a quiet forest floor.
- Slate (#5F6B9F): A full-bodied, balanced violet — the color of a velvet chair.
- Navy (#3D4776): A full-bodied, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol Quarry 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
- Softworn Atelier color palette (#FFF0FC, #F4D7BF, #B1A65B, #5F6A9B, #33415D)
- Ancient Lagoon color palette (#F6F3FF, #F3A9C0, #BA8F6E, #3F7E88, #1E5860)
- Stone Meadow color palette (#FFDDD6, #D5B28C, #8D8E6E, #7D6072, #603E53)
- Aged Bloom color palette (#FFE7F9, #D1A07B, #89782E, #006776, #274F74)
- Mustard Basin color palette (#FFE0DB, #E8BF9B, #C5B266, #4497A5, #294D68)
- Wandering Taupe color palette (#FFF3E5, #D5D2B9, #9FB29B, #8F797B, #644A4D)
- Amber Field color palette (#FDD4D3, #B9824F, #5E774D, #504068, #2D1D43)
- Hushed Corridor color palette (#FFF4DE, #E1BC2C, #0092E0, #8F7500, #003E63)
Browse the whole catalog at Explore, or see today's palette.