Softworn Petrol color palette — #EDF2F9 · #D8D6E4 · #BFBBC8 · #5F7699 · #262D35

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

The five colors

• Ivory (#EDF2F9): a clean, paper-quiet neutral.
• Silver (#D8D6E4): bright and airy, almost weightless.
• Ash (#BFBBC8): soft and architectural.
• Slate (#5F7699): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#262D35): a grounded near-black with real depth.

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

• Aged Petrol Bloom color palette (#F9F3F9, #E2D7D9, #CBBABA, #5A769A, #4D444D)
• Antique Pewter Ridge color palette (#F3F0F8, #DFD1DA, #BDB3C3, #7E5575, #221E28)
• Aged Powder Parlor color palette (#EDF1FF, #B2B4D7, #8F88A7, #6D5B69, #482E3D)
• Timeworn Iris Boulevard color palette (#EBF2FF, #BED9FF, #A1B3FF, #937DC8, #1B213B)
• Muted Indigo color palette (#DDE4F7, #6B62D0, #2C2F46, #12151F, #05060A)
• Tempered Navy color palette (#DADFE9, #949FBC, #727A9D, #1B297F, #010411)
• Dusty Garnet color palette (#F3EDFB, #BAAEC0, #99869C, #662C4D, #0D0812)
• Stone Drift color palette (#E7F6EF, #A8BC81, #627F4F, #375B64, #122D26)

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