Softworn Petrol color palette — #F0F7F3 · #D0DFDE · #AAC7CA · #278195 · #414A44
A conversation between Cerulean and Stone, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F7F3): a clean, paper-quiet neutral.
- Silver (#D0DFDE): bright and airy, almost weightless.
- Stone (#AAC7CA): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#278195): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#414A44): 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
- Timeworn Cerulean Dune color palette (#EFF7F5, #DFD4D2, #AB9F93, #6385A8, #4D5452)
- Tempered Lagoon color palette (#EDF4EE, #CADEDF, #D0BDC1, #3C818B, #252F28)
- Timeworn Denim Boulevard color palette (#E9FAF3, #BCDAD2, #8CA8D6, #00618E, #1E3930)
- Softworn Abyss color palette (#DCE6E1, #96B0A6, #5E897F, #003E51, #051810)
- Softworn Hollow color palette (#FBF2F8, #ECD3D5, #D5B0C1, #5163B2, #473C44)
- Pine Coast color palette (#F5F6EA, #93BB9B, #3A8461, #4E6045, #3E4800)
- Patina Cobalt color palette (#D3EBE3, #0078B5, #3E2A3F, #0E241E, #050F0F)
- Chalky Cornflower color palette (#E5FBF2, #B0EEFF, #4DC6FE, #568DDC, #1E4037)
Browse the whole catalog at Explore, or see today's palette.