Softworn Petrol color palette — #D7EAFA · #0070B0 · #784800 · #002E4B · #020100
Built around Slate, softened by Bronze — the whole palette hums with trust and stability.
The five colors
- Frost (#D7EAFA): A whisper-light, dusty blue — the color of open sky before noon.
- Slate (#0070B0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#784800): A full-bodied, balanced gold — the color of honey in a jar.
- Midnight (#002E4B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#020100): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.
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
- Sapphire Study color palette (#D8E6FF, #135CE9, #724C00, #001E73, #020100)
- Antique Study color palette (#DBF5E3, #007889, #9C1C00, #00313A, #040000)
- Smoked Villa color palette (#CFE2F4, #005081, #592F00, #002038, #030100)
- Worn Cobalt color palette (#D3F9EB, #0087C4, #976500, #005A85, #0B0500)
- Misty Orchard color palette (#DAE8F8, #005699, #850031, #213A00, #000104)
- Weathered Corridor color palette (#FDE7F2, #7342DB, #585900, #330072, #010100)
- Nocturne Garnet color palette (#D2E5F8, #00548C, #700051, #00223D, #11000A)
- Gentle Lilac color palette (#EFD5F1, #9BAFFB, #A075CD, #004557, #030003)
Browse the whole catalog at Explore, or see today's palette.