Softworn Petrol color palette — #E5F2ED · #E2D2DD · #CCAEB6 · #3779A1 · #21322C

A conversation between Slate and Rosewood Mist, giving this palette its sense of trust and stability.

The five colors

• Cream (#E5F2ED): bright and airy, almost weightless.
• Silver (#E2D2DD): A whisper-light, dusty pink — the color of a candy shop window.
• Rosewood Mist (#CCAEB6): A luminous, dusty red — the color of embers at dusk.
• Slate (#3779A1): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#21322C): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Timeworn Azure Ridge color palette (#F2ECF2, #DBCFD2, #CCB2B6, #4F96DD, #342A35)
• Softworn Denim Grove color palette (#ECE4EC, #D1BEC6, #B99C9E, #3D5F9C, #281A27)
• Aged Basin color palette (#FFF0F7, #F8D3D7, #DDB2A8, #7C65C0, #3E2D35)
• Cobalt Balcony color palette (#CDE9DF, #008FD3, #994A00, #4A4400, #232000)
• Timeworn Lilac Coast color palette (#C4EDFD, #A1A4ED, #9B6F6D, #695F0F, #383831)
• Taupe Boulevard color palette (#FCF2F5, #E3D8D3, #B4B3A7, #B78E9D, #575053)
• Olive Atelier color palette (#F1E1D5, #C1A230, #5D7F13, #604A75, #352604)
• Patina Grape Harbor color palette (#EBDDB8, #00A0D0, #7A52A7, #504900, #0C2443)

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