Softworn Petrol color palette — #DBECE1 · #3AA1A5 · #2C72AE · #743F1D · #3C2300

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

The five colors

• Honeydew (#DBECE1): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#3AA1A5): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#2C72AE): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#743F1D): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3C2300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Balance. Tagged vintage, retro, 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

• Weathered Denim color palette (#D0F6EC, #4598AF, #4656A3, #563500, #221B00)
• Timeworn Chestnut color palette (#F1EDCF, #84B295, #468CA2, #715C23, #2D2400)
• Washed Station color palette (#EFF3D4, #5DA37A, #1F7E81, #7A3640, #421317)
• Weathered Garnet Quarry color palette (#CEEDE8, #66B6C5, #4C7091, #6D2B3F, #350900)
• Terracotta Summit color palette (#D1ECE2, #28A1E1, #AD3700, #005982, #340A00)
• Airy Courtyard color palette (#C4E7DE, #72BCD8, #6E7CC7, #7C5D00, #404111)
• Dusty Drift color palette (#CFEFF5, #269BC0, #24618F, #433156, #371937)
• Aged Studio color palette (#C5E8D5, #0081A1, #B63500, #6A5600, #00151C)

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