Softworn Petrol color palette — #DDEEEA · #007787 · #004B65 · #001632 · #010009
Teal takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Honeydew (#DDEEEA): a clean, paper-quiet neutral.
- Teal (#007787): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004B65): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001632): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#010009): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged 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
- Twilit Boulevard color palette (#C8EEFA, #005B74, #003043, #000E1A, #000104)
- Charred Station color palette (#D9ECD4, #007F57, #004B41, #00151B, #000103)
- Worn Courtyard color palette (#BFE8F3, #0082A1, #00698C, #003E5E, #000E1B)
- Weathered Boulevard color palette (#C4EADC, #0073A6, #7F4200, #002F47, #030100)
- Obsidian Harbor color palette (#D6E7EA, #0072B3, #0029A4, #1A0049, #030005)
- Tempered Basin color palette (#D0E7F6, #005B84, #613E00, #462B00, #000103)
- Powder Drift color palette (#DAECE4, #A8B0FF, #B672A4, #005651, #030004)
- Hushed Ember color palette (#D4E4E8, #CC5D00, #008191, #050A0E, #000200)
Browse the whole catalog at Explore, or see today's palette.