Softworn Petrol color palette — #ECF7FF · #D5D9E5 · #7EB4D8 · #386E90 · #002C40
Built around Slate, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF7FF): bright and airy, almost weightless.
- Silver (#D5D9E5): a clean, paper-quiet neutral.
- Sky (#7EB4D8): A luminous, dusty blue — the color of open sky before noon.
- Slate (#386E90): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Midnight (#002C40): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, muted, cool.
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
- Dusty Aqua color palette (#E3FAFF, #C0D9F2, #78C7BE, #28746D, #002D2A)
- Dusty Cerulean Veranda color palette (#ECF7FF, #C0E5FF, #84C2E8, #3C8DBF, #15405A)
- Stone Courtyard color palette (#E7EEFF, #DFCAC6, #B8B3CD, #424C5C, #24282D)
- Washed Cerulean Field color palette (#D8FBEE, #9ACCF0, #418BB9, #005472, #00241B)
- Powder Grove color palette (#EEF6FF, #98C9F5, #9BB98A, #588F78, #253341)
- Hushed Lilac color palette (#F3F4FF, #E3D6E0, #B194DC, #684B89, #220D38)
- Nightshade Station color palette (#F0F5FF, #DAD7F3, #4F8DF8, #0F4AAF, #000F2F)
- Sunlit Lagoon color palette (#F1F5FF, #ADC0FF, #5171D4, #212D8F, #020025)
Browse the whole catalog at Explore, or see today's palette.