Weathered Petrol color palette — #F1F6FB · #DED9E3 · #CBBBC9 · #5477A0 · #414952
Slate takes the lead with Stone close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F1F6FB): bright and airy, almost weightless.
- Silver (#DED9E3): a clean, paper-quiet neutral.
- Stone (#CBBBC9): A luminous, dusty pink — the color of a candy shop window.
- Slate (#5477A0): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#414952): quiet, heavy and certain.
Feels like: Trust, Stability, 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
- Driftwood Thicket color palette (#E5F6FF, #A7B4CD, #86779C, #3C6968, #314D59)
- Hushed Grape Chapel color palette (#F4F4FF, #E6D4E0, #D1B0CD, #7E53A3, #3E3E50)
- Ancient Olive color palette (#FFF1F5, #90BBA5, #558145, #5C5475, #31483D)
- Ultramarine Boulevard color palette (#F0F5FF, #D0CFEB, #CA94AD, #424BB5, #293347)
- Ancient Indigo color palette (#DEE4F6, #6D5EC7, #372B4B, #1A1E2D, #0B0C14)
- Hushed Canyon color palette (#DBE3EF, #A5A7BD, #99718B, #0A2E80, #0D141E)
- Peony Balcony color palette (#F0F5FF, #97E5FF, #B4B4FF, #C75F80, #3B3F5D)
- Brick Chapel color palette (#E8F8FE, #129BA4, #A73444, #005548, #003A41)
Browse the whole catalog at Explore, or see today's palette.