Softworn Petrol color palette — #EBF7FF · #7BB9D7 · #C48871 · #337C9B · #5F4355
A conversation between Slate and Caramel, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EBF7FF): a clean, paper-quiet neutral.
- Sky (#7BB9D7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Caramel (#C48871): A luminous, balanced orange — the color of sun-warmed clay.
- Slate (#337C9B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#5F4355): A full-bodied, dusty pink — the color of peonies in June.
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
- Weathered Cypress Corridor color palette (#E8F9FC, #74C0B7, #BB86A0, #07847B, #544661)
- Cerulean Boulevard color palette (#EDF7FD, #91CEE8, #E49E7D, #009AC5, #614254)
- Petrol Cabin color palette (#E8F6EF, #91BFA9, #C48E6E, #007DA0, #36302B)
- Patina Cobalt Orchard color palette (#EFF6FF, #97B1DC, #9C9D63, #5272A9, #2E5746)
- Wandering Driftwood Lagoon color palette (#EAF8FF, #5AA4B9, #AC804B, #7A7242, #324650)
- Driftwood Lantern color palette (#EBF7FF, #DCDAE5, #D5BDD3, #6A969C, #404D5A)
- Ancient Denim Coast color palette (#F3F4FF, #A792D2, #948D32, #6F559D, #48440F)
- Periwinkle Canyon color palette (#EEF6FF, #59A5FF, #B76800, #004D95, #582F00)
Browse the whole catalog at Explore, or see today's palette.