Softworn Petrol color palette — #EBF4F0 · #CDDADB · #CCBAC0 · #4E7B94 · #242F2A

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

The five colors

• Cream (#EBF4F0): bright and airy, almost weightless.
• Silver (#CDDADB): a clean, paper-quiet neutral.
• Stone (#CCBAC0): A luminous, dusty rose — the color of strawberry cream.
• Slate (#4E7B94): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#242F2A): quiet, heavy and certain.

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

• Dusty Corridor color palette (#EFF6FB, #D8DAE4, #BFBDCA, #3F7D98, #3F4950)
• Wandering Indigo color palette (#FCEDF5, #E8D0CE, #D4B6BF, #685EAB, #2C2127)
• Driftwood Hollow color palette (#F6EFF5, #E1D3D5, #B7AAA4, #947990, #3A3439)
• Mint Thicket color palette (#EFF4E5, #81C4A7, #3A8473, #495B48, #232A19)
• Muted Parlor color palette (#E3EEEA, #AD98AD, #8E7189, #00395E, #000604)
• Ancient Iris Lantern color palette (#E2F7F1, #A6E0FF, #86C2FF, #7283C9, #311B32)
• Muted Denim color palette (#EFE6EA, #DFC3CB, #B59CA1, #5C497E, #1D1217)
• Aged Veranda color palette (#FADAF5, #A6ABDD, #947582, #6E4C46, #581D00)

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