Softworn Petrol color palette — #EFE8DC · #95BEAD · #2A6FA8 · #004A52 · #000E42

Slate and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#EFE8DC): bright and airy, almost weightless.
• Sage (#95BEAD): A luminous, dusty teal — the color of glacier melt.
• Slate (#2A6FA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004A52): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#000E42): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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 Dune color palette (#F6F1EA, #A7D2C5, #557DB8, #00596B, #151B45)
• Hushed Petrol color palette (#EFE8DE, #A1BC9E, #007984, #004E36, #001921)
• Antique Sapphire Villa color palette (#F7EBF0, #7DBBD8, #2865BD, #005148, #2C2653)
• Dusty Denim Parlor color palette (#E6E1D8, #5FABAA, #006470, #003B2B, #000D13)
• Petrol Atelier color palette (#F5F1EB, #C9E0E2, #7E9FC7, #0F7889, #432E40)
• Navy Courtyard color palette (#E7DED0, #518478, #0C2F8D, #001E28, #01000B)
• Airy Plum Meadow color palette (#FFE3DD, #B13762, #526800, #00517E, #1D0008)
• Gentle Mulberry color palette (#F9DDDA, #B75E81, #007D69, #820049, #001712)

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