Softworn Petrol color palette — #EEF8F4 · #F3D8DF · #CCB4C3 · #25719F · #34443E

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

The five colors

• Ivory (#EEF8F4): a clean, paper-quiet neutral.
• Shell Pink (#F3D8DF): A whisper-light, dusty red — the color of embers at dusk.
• Rosewood Mist (#CCB4C3): A luminous, dusty pink — the color of a candy shop window.
• Slate (#25719F): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#34443E): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Weathered Ridge color palette (#E9F5F0, #E7D6DA, #D5B5C4, #0073A3, #172923)
• Petrol Orchard color palette (#ECF9EF, #C8DFDF, #A1C5BB, #007885, #364439)
• Wandering Cobalt Summit color palette (#ECF7FF, #D9D8E9, #C8B9D7, #0091CB, #32424E)
• Denim Canyon color palette (#F3EBF4, #D6C7D2, #B397A5, #2E5782, #342A35)
• Ancient Driftwood color palette (#FCF2F4, #E3D8D3, #ABAEA2, #977880, #5A4F52)
• Lilac Terrace color palette (#E0EEFF, #9D9FE5, #8F6E9B, #735226, #364D08)
• Aged Mustard Lantern color palette (#FFF3E2, #B4A52D, #617210, #11596E, #3D3A34)
• Patina Boulevard color palette (#F5E9EE, #BCA1A8, #947779, #401D77, #1E0D16)

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