Softworn Petrol color palette — #EEF7FB · #D5DCE7 · #BAC0CE · #4D7C8E · #3E4A4F

A conversation between Slate and Stone, giving this palette its sense of sophistication.

The five colors

• Ivory (#EEF7FB): bright and airy, almost weightless.
• Silver (#D5DCE7): a clean, paper-quiet neutral.
• Stone (#BAC0CE): A luminous, dusty violet — the color of a velvet chair.
• Slate (#4D7C8E): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3E4A4F): quiet, heavy and certain.

Feels like: 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

• Tempered Hollow color palette (#F2F5FD, #DED6E5, #B0B1C8, #605E88, #363A46)
• Muted Powder color palette (#EDF7FF, #A1B7D2, #7B87A0, #6B607A, #5A4C5F)
• Tempered Abyss color palette (#D6E0E5, #99ACBA, #6B8296, #003F4C, #011621)
• Cypress Station color palette (#E7FAF5, #96BB8F, #52805C, #3C6163, #314844)
• Aged Aubergine Boulevard color palette (#EAECF4, #B6B6CF, #8D89AB, #4B3479, #1B1E2E)
• Powdered Sky color palette (#EAF8FF, #6AF3FE, #22C5F6, #5795C6, #1E3F52)
• Turquoise Alley color palette (#DDFDFA, #00A8CB, #30709B, #5C416B, #284050)
• Dusty Parlor color palette (#EDF7FA, #D3DCE7, #B8C1CE, #497D89, #3E4A4D)

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