Softworn Petrol color palette — #ECF3F9 · #D5D4E0 · #B2B6C9 · #196C95 · #192228
Peacock takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#ECF3F9): a clean, paper-quiet neutral.
- Silver (#D5D4E0): a clean, paper-quiet neutral.
- Ash (#B2B6C9): A luminous, dusty violet — the color of twilight just after sunset.
- Peacock (#196C95): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#192228): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Softworn 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
- Dusty Petrol Courtyard color palette (#F1F6FB, #D7D8E3, #A6B4CA, #006AA2, #303C47)
- Timeworn Ultramarine Boulevard color palette (#ECF2FF, #D1D1EA, #B0A6C0, #4D48B6, #12192D)
- Wandering Ash Harbor color palette (#CAE6FC, #9DA8D1, #777196, #2F564B, #0F2E27)
- Washed Cerulean Pier color palette (#EDF8F4, #DFD4D3, #A5A298, #4C91C2, #20332D)
- Tempered Courtyard color palette (#D7E1EA, #ADB3BF, #8A8BA2, #004675, #010B19)
- Ultramarine Balcony color palette (#E0EAFA, #3359C8, #21223B, #060C19, #000206)
- Washed Fern color palette (#FFECF3, #B19F65, #606B2C, #334767, #0A2214)
- Mulberry Courtyard color palette (#E1F0FA, #0087B5, #8B2E54, #2E3900, #111700)
Browse the whole catalog at Explore, or see today's palette.