Worn Petrol color palette — #EBF4F1 · #E8D3D9 · #C1B2BC · #396B88 · #18231F
A conversation between Peacock and Silver, giving this palette its sense of trust and stability.
The five colors
- Cream (#EBF4F1): a clean, paper-quiet neutral.
- Silver (#E8D3D9): A whisper-light, dusty rose — the color of strawberry cream.
- Ash (#C1B2BC): A luminous, dusty pink — the color of neon signs at night.
- Peacock (#396B88): A full-bodied, dusty blue — the color of deep harbor water.
- Onyx (#18231F): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Worn 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 Petrol Lagoon color palette (#EFF6FB, #D8D8E3, #AEB2C3, #2C6B8B, #333C43)
- Denim Coast color palette (#FBEDF6, #EDC8D6, #C2A1A8, #51509D, #24141E)
- Cerulean Meadow color palette (#EFF8F3, #E5D3CE, #A7AA9E, #4A94B3, #27312C)
- Navy Bloom color palette (#D4E3DF, #C2ABBD, #A08493, #004678, #020E0A)
- Cocoa Ridge color palette (#C9E3FF, #A19ED8, #8E6870, #663F00, #2E260A)
- Softworn Teal color palette (#F0F4E3, #51B594, #00746D, #2B4F3C, #16200A)
- Cobalt Parlor color palette (#F8E7CC, #1D91DB, #555196, #5A2A00, #240E24)
- Chalky Periwinkle Atelier color palette (#FEEBFC, #75DEFF, #6DA3FF, #8467AD, #0B1638)
Browse the whole catalog at Explore, or see today's palette.