Softworn Petrol color palette — #F0F7F4 · #E0D4D1 · #CDB6B4 · #357E9B · #3C4C44
A conversation between Slate and Stone, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F7F4): bright and airy, almost weightless.
- Silver (#E0D4D1): a clean, paper-quiet neutral.
- Stone (#CDB6B4): A luminous, dusty orange — the color of sun-warmed clay.
- Slate (#357E9B): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#3C4C44): A full-bodied, dusty teal — the color of sea glass.
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
- Tempered Studio color palette (#EDF3F7, #D6D6DE, #BEBACE, #4B7B97, #242D35)
- Cerulean Courtyard color palette (#F0F7F4, #DFD4D3, #AFA294, #6496B4, #414A46)
- Weathered Indigo color palette (#FCF2F8, #E6D5D1, #D9B1AC, #605BBB, #4C3945)
- Patina Archive color palette (#F9F5E7, #ABB58F, #31827A, #3C5D7B, #3D4900)
- Abyss Loft color palette (#E3F1EB, #B6A3AF, #9B727D, #003C5A, #001912)
- Washed Studio color palette (#EFF8E1, #9ABFAB, #A37A8C, #666F28, #365A43)
- Tempered Bloom color palette (#EEDFED, #436FBC, #432A32, #2A1829, #091717)
- Weathered Fern Ridge color palette (#FBF5E1, #58A6AA, #5B659E, #525100, #1D4636)
Browse the whole catalog at Explore, or see today's palette.