Softworn Petrol color palette — #E1ECEA · #79BFD7 · #00759B · #004A52 · #001827
Built around Teal, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#E1ECEA): a clean, paper-quiet neutral.
- Sky (#79BFD7): A luminous, dusty blue — the color of open sky before noon.
- Teal (#00759B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004A52): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001827): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Petrol Summit color palette (#FAEBE2, #6DBED9, #006EA9, #005049, #1C2C51)
- Washed Denim Study color palette (#D2E3E3, #6DA2CF, #0058A4, #00364B, #000727)
- Quiet Orchard color palette (#EDF0E2, #82D1ED, #0092C3, #006A76, #00324C)
- Turquoise Harbor color palette (#D2F9FF, #69D5D6, #00B1C7, #00664C, #001D23)
- Cerulean Dune color palette (#CEE4E0, #4098A3, #005361, #002C2B, #000508)
- Faded Sapphire Ridge color palette (#D2E6E7, #009671, #365ED9, #00543E, #030B37)
- Antique Emerald color palette (#D2E9D1, #00A352, #00683E, #00432F, #001912)
- Washed Ultramarine color palette (#D0F6FF, #007C75, #005CB3, #425400, #000E0D)
Browse the whole catalog at Explore, or see today's palette.