Softworn Petrol color palette — #ECF4F1 · #E3D3D8 · #C7AFBF · #246C93 · #17241F

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

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Silver (#E3D3D8): bright and airy, almost weightless.
• Rosewood Mist (#C7AFBF): A luminous, dusty pink — the color of a candy shop window.
• Peacock (#246C93): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#17241F): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Petrol Lantern color palette (#EFF6FC, #D9D8E4, #B1B2C1, #2D6C87, #323C43)
• Hushed Nightshade color palette (#FBEDF6, #E8CAD6, #BF9EC5, #4F4BAC, #26131F)
• Worn Hollow color palette (#EFF7F3, #E1D3D0, #A5A99C, #2A96C0, #27312C)
• Navy Station color palette (#D5E2DF, #BDAEBA, #A38294, #004678, #000E0A)
• Hushed Cypress Pier color palette (#F0F4E5, #74AE98, #00746D, #0D4F5F, #16200A)
• Washed Delta color palette (#F4E7F5, #A3A3D1, #8E6B9C, #654920, #2F2605)
• Tempered Cabin color palette (#EFE7E8, #D9C6C6, #C09991, #7A337F, #1E1214)
• Cellar Ultramarine Quarry color palette (#F7E2F4, #335BC3, #37192B, #140713, #000302)

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