Softworn Petrol color palette — #E2E8EC · #B9C5D5 · #98A5C1 · #006894 · #14212A
Built around Peacock, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Frost (#E2E8EC): a clean, paper-quiet neutral.
- Stone (#B9C5D5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#98A5C1): A luminous, dusty violet — the color of a velvet chair.
- Peacock (#006894): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#14212A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Wandering Navy Workshop color palette (#E8EDF4, #ABB4CA, #8E92B6, #004DAB, #071425)
- Hushed Cerulean Harbor color palette (#DCE8E3, #D1BEC3, #C1A0A1, #008BBC, #12241D)
- Indigo Summit color palette (#F0F5FF, #D6DDF8, #C9B4DC, #5470CF, #273348)
- Ancient Jade color palette (#D0E6E3, #36A985, #007068, #004E5E, #002022)
- Iris Lagoon color palette (#CDE1F6, #908ED6, #876298, #663D00, #292600)
- Weathered Chapel color palette (#F1F6FB, #DBDAE4, #C6BED2, #6094C4, #414950)
- Airy Grape color palette (#D7F1DC, #0087CF, #5226D6, #592800, #001437)
- Dusty Byzantium color palette (#CEE0F7, #15C5F3, #3A92FF, #9035DD, #0F123D)
Browse the whole catalog at Explore, or see today's palette.