Softworn Petrol color palette — #ECF4F1 · #EAD5DC · #D4B3D0 · #0072AA · #1A2824

Slate and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Silver (#EAD5DC): A whisper-light, dusty rose — the color of strawberry cream.
• Rosewood Mist (#D4B3D0): A luminous, dusty pink — the color of peonies in June.
• Slate (#0072AA): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#1A2824): 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

• Cobalt Field color palette (#F6F0F3, #E2D4D4, #CCB8B5, #6E6DA8, #31292E)
• Hushed Petrol Courtyard color palette (#EDF4F0, #C7DCDD, #9ACBBD, #007794, #1B2822)
• Tempered Parlor color palette (#EEF7FD, #D9D8EE, #B2BBDC, #147499, #35424A)
• Patina Lantern color palette (#EDE7ED, #D5C6D3, #B799AF, #00569B, #1B121C)
• Wandering Azure color palette (#F0F7F4, #E8D2CE, #BFC0AF, #009FD5, #283932)
• Sunlit Hollow color palette (#DFE2FF, #B1A4DC, #9465A8, #703F41, #4B1A0D)
• Grape Market color palette (#FDEDF2, #E5CCD2, #C69BC3, #782DAF, #25141A)
• Indigo Harbor color palette (#FFEAFE, #98D7FF, #7EB6FF, #6D6BF6, #0D1B3F)

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