Softworn Petrol Study color palette — #EFF7F3 · #CEDCDF · #BEAEBA · #006D91 · #313E38

Peacock and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF7F3): bright and airy, almost weightless.
• Silver (#CEDCDF): bright and airy, almost weightless.
• Ash (#BEAEBA): A luminous, dusty pink — the color of peonies in June.
• Peacock (#006D91): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#313E38): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Softworn Petrol Study 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

• Worn Cerulean Boulevard color palette (#F0F6FA, #D8D8E4, #C7B9D4, #2C8DA8, #2F3D44)
• Petrol Villa color palette (#EDF4F0, #E1D3D7, #CBAEBB, #1A6F86, #18231D)
• Denim Coast color palette (#DDE5E2, #C2B4C1, #A08596, #004970, #05251D)
• Tempered Driftwood Villa color palette (#FAF3F7, #DFD8D7, #AEADA3, #7D7CA9, #5A4F55)
• Washed Basalt color palette (#DDEDE8, #BBA0B3, #866D95, #704B21, #533E00)
• Aged Cypress color palette (#F5F7E6, #93A17E, #007365, #005561, #2B3C00)
• Washed Byzantium color palette (#FAF3F5, #E6D6D0, #D2B4B3, #824DAE, #4F3840)
• Lapis Hollow color palette (#FDF1F9, #E0CCD5, #C499A5, #3D37DA, #402B3A)

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