Softworn Petrol color palette — #F1E5EE · #8ABCD0 · #00759A · #004D3B · #00162E
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Blush (#F1E5EE): bright and airy, almost weightless.
- Ash (#8ABCD0): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00759A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#00162E): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Patina Corridor color palette (#E7F1EF, #78BEC9, #007589, #00504F, #003343)
- Cobalt Lagoon color palette (#F9EEF5, #AFCCDC, #3683B4, #005C52, #0B1E43)
- Timeworn Sapphire color palette (#F2E5E9, #9BB6D2, #4E62BB, #004955, #190A37)
- Antique Alley color palette (#F2E3EB, #6FA5BE, #0059A0, #003939, #050031)
- Hushed Cerulean Courtyard color palette (#F5F6E9, #B3F2FB, #12A3BC, #006A68, #00232D)
- Timeworn Orchard color palette (#EDE2E8, #557E96, #003E68, #001F1D, #00000C)
- Ancient Jade color palette (#DFF2E7, #31A87E, #006D46, #003325, #000603)
- Grape Canyon color palette (#D9EAEC, #007D69, #6C3DB4, #8D0044, #000E0A)
Browse the whole catalog at Explore, or see today's palette.