Softworn Petrol color palette — #EBF4F2 · #E1D4D4 · #C9B0B3 · #1A67AA · #122520

A conversation between Peacock and Rosewood Mist, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EBF4F2): bright and airy, almost weightless.
• Silver (#E1D4D4): a clean, paper-quiet neutral.
• Rosewood Mist (#C9B0B3): A luminous, dusty red — the color of embers at dusk.
• Peacock (#1A67AA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#122520): 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

• Muted Denim color palette (#F7EFF2, #DFD3CE, #C7B2AC, #6C559B, #291C22)
• Cobalt Loft color palette (#F0F6FC, #DBD9E3, #C2AFBB, #568BD2, #252F3C)
• Weathered Navy Lagoon color palette (#EAE2E9, #BEAEB4, #A08687, #00379F, #120612)
• Nocturne Corridor color palette (#F5E2ED, #5A5AA7, #391A20, #1A0313, #000302)
• Grape Atelier color palette (#FCEDF4, #E1CED0, #CC9F94, #6C09D8, #25131C)
• Timeworn Olive Atelier color palette (#FAF0E8, #B09D7A, #576E22, #593663, #271A00)
• Worn Aubergine color palette (#DFF3EA, #1B86B3, #664186, #343700, #001722)
• Fern Terrace color palette (#D1E6CD, #84AA9C, #946979, #3D5008, #003533)

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