Softworn Petrol color palette — #EFE8DF · #90B8DA · #5766A6 · #004B4C · #1D0834

A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Parchment (#EFE8DF): a clean, paper-quiet neutral.
• Sky (#90B8DA): A luminous, dusty blue — the color of deep harbor water.
• Slate (#5766A6): A full-bodied, balanced violet — the color of wild irises.
• Forest (#004B4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#1D0834): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Washed Quarry color palette (#F6E5DF, #7BC1C8, #0074A0, #004E2D, #031336)
• Washed Garden color palette (#F3EEE5, #8DBDAF, #3F66AC, #004D5F, #242856)
• Cobalt Archive color palette (#FFEEE5, #9DDBEB, #3489C6, #00654B, #171F4E)
• Grape Garden color palette (#DEE3C5, #56A358, #663EB4, #035610, #170038)
• Softworn Navy Boulevard color palette (#F9E7D9, #5593AF, #004597, #002C26, #040019)
• Aged Abyss color palette (#EBDDD7, #458487, #004258, #00210C, #000106)
• Ash Balcony color palette (#F9EFED, #CAE5DC, #6CA6B8, #547553, #183E36)
• Airy Chestnut color palette (#EFECC3, #95D7C0, #66ACD3, #715000, #012206)

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