Softworn Petrol color palette — #EDF7FF · #DAD7EC · #B6BAD4 · #1971A4 · #36414B

Built around Slate, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#EDF7FF): a clean, paper-quiet neutral.
• Silver (#DAD7EC): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ash (#B6BAD4): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#1971A4): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#36414B): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Washed Cobalt Drift color palette (#EEF8F4, #E9D9DB, #D9BCB6, #218FCA, #2B463D)
• Tempered Denim Lagoon color palette (#E7F0F9, #C6CCDB, #9E9EB4, #2E5783, #272F37)
• Driftwood Villa color palette (#F5F4FC, #E2D7DE, #B5ABA3, #817E9B, #525257)
• Worn Driftwood color palette (#DEF2FF, #A09FE2, #A36A9E, #39655A, #3E4E22)
• Aged Grape Loft color palette (#F3F4FF, #D8CCEE, #CA96A2, #713A9F, #303045)
• Aged Aubergine color palette (#E1E2EB, #AAA6BB, #87798F, #411D76, #101222)
• Airy Brick color palette (#EEF6FF, #0082D6, #A7101F, #474100, #173A00)
• Mustard Study color palette (#EBFAEA, #B6A42E, #557602, #405072, #423B0B)

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