Softworn Petrol color palette — #ECF4EF · #CADADB · #C3B0C3 · #0F7085 · #1A231E

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

The five colors

• Cream (#ECF4EF): bright and airy, almost weightless.
• Silver (#CADADB): bright and airy, almost weightless.
• Ash (#C3B0C3): A luminous, dusty pink — the color of peonies in June.
• Teal (#0F7085): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#1A231E): quiet, heavy and certain.

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

• Timeworn Villa color palette (#EDF7FB, #D6D8E7, #ABB3C8, #306E76, #333C40)
• Tempered Cerulean color palette (#F0F7F2, #CFE0E2, #BCBCAC, #009BAE, #263229)
• Indigo Garden color palette (#F9EEF3, #EAD1CC, #E0B1B5, #6F5CA7, #2F1F27)
• Ultramarine Dune color palette (#F6EFF6, #E4CCDA, #B2A3CE, #1953BA, #211520)
• Aged Field color palette (#E7EFEB, #A2B9B3, #9D8498, #004B63, #000F07)
• Timeworn Balcony color palette (#F3F3E7, #80AD87, #007758, #324F35, #1A1F03)
• Driftwood Corridor color palette (#D4E9E0, #84A1CE, #8071A3, #663E22, #32250F)
• Aubergine Summit color palette (#EFE6E9, #D8C6C9, #BB9A9A, #644287, #201016)

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