Softworn Petrol color palette — #EBF3F9 · #D4D5E1 · #B0B7C6 · #2C6C8F · #15222C

Peacock takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EBF3F9): bright and airy, almost weightless.
• Silver (#D4D5E1): bright and airy, almost weightless.
• Ash (#B0B7C6): A luminous, dusty violet — the color of wild irises.
• Peacock (#2C6C8F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#15222C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Aged Grove color palette (#F0F7F4, #E1D7D9, #C0AEB3, #006D93, #2D3F37)
• Nightshade Orchard color palette (#ECF2FF, #CFD2E7, #ABA7C2, #4E4AAF, #101830)
• Aged Cerulean Lantern color palette (#EFF6FB, #DBDAE4, #C4B1BB, #5693AE, #21313B)
• Hushed Ash color palette (#CFE5FA, #989ECB, #726E8C, #3B583B, #0A3121)
• Worn Cypress Station color palette (#DEF8F5, #74ABAE, #17736B, #244C5E, #002123)
• Weathered Navy color palette (#E8F1FA, #ABB4C1, #868DA2, #004676, #020B18)
• Ultramarine Harbor color palette (#E3EDFE, #2F5CC5, #1D233D, #050C19, #000207)
• Cerulean Corridor color palette (#D3F3D9, #4191CA, #535196, #5A2900, #05182F)

Browse the whole catalog at Explore, or see today's palette.