Softworn Petrol color palette — #F0F6FC · #DBD9E2 · #C3BCC7 · #4F789D · #3F4953

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

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Silver (#DBD9E2): a clean, paper-quiet neutral.
• Stone (#C3BCC7): soft and architectural.
• Slate (#4F789D): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#3F4953): A full-bodied, dusty blue — the color of open sky before noon.

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

• Hushed Harbor color palette (#F5F0F5, #DCD4D6, #CCB6B9, #5178A4, #312932)
• Abyss Lantern color palette (#E3F3FF, #B0BFDB, #8B87A0, #4C6C66, #2A5464)
• Dusty Navy Summit color palette (#DFE8F3, #A1A9BE, #7D7C97, #003571, #091422)
• Washed Olive Alley color palette (#EFF8EE, #92BAA4, #667C47, #4B5979, #2D4A3B)
• Indigo Veranda color palette (#DCE5F6, #5D68BD, #312F47, #181F2F, #0B0C14)
• Ultramarine Cabin color palette (#F0F5FF, #CCD1EB, #A8A1C2, #2F4DBC, #283345)
• Worn Dune color palette (#E2DEEB, #BFB5C2, #9C8796, #692460, #221B2F)
• Periwinkle Meadow color palette (#F0F5FF, #AEEBFF, #8DB0FF, #AC69A1, #353D57)

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