Softworn Petrol color palette — #ECF7FE · #D4D9EA · #A4BED8 · #006A86 · #000F18
Built around Peacock, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF7FE): a clean, paper-quiet neutral.
- Silver (#D4D9EA): A whisper-light, dusty violet — the color of wild irises.
- Sky (#A4BED8): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006A86): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#000F18): 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
- Worn Boulevard color palette (#E9EFF4, #C6D1DF, #95A7C5, #005185, #000308)
- Timeworn Abyss color palette (#E4EDE7, #A4B9B2, #9F8497, #004C5B, #040D08)
- Aged Alley color palette (#F0F5FF, #DBD7E2, #B2B9D9, #3E4DCA, #050C1D)
- Cerulean Meadow color palette (#E1EBF0, #BCBFD0, #B4A2CB, #008FA8, #0C222C)
- Hushed Cypress color palette (#E6FAF8, #79B094, #007059, #004642, #000B05)
- Weathered Station color palette (#F4F5FB, #DFD8E1, #CFBBD0, #865CC1, #1B1C2F)
- Cornflower Courtyard color palette (#EFF6FE, #DAD8E3, #BDA5AB, #0C79F3, #162538)
- Wandering Nightshade color palette (#E5E9F4, #B7BAC6, #8C8FAF, #31189B, #00000B)
Browse the whole catalog at Explore, or see today's palette.