Softworn Petrol color palette — #FDF2F2 · #D7A2BC · #5598B2 · #546BAA · #362328

Slate and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF2F2): a clean, paper-quiet neutral.
• Mauve (#D7A2BC): A luminous, dusty rose — the color of pressed rose petals.
• Cerulean (#5598B2): A luminous, dusty blue — the color of open sky before noon.
• Slate (#546BAA): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#362328): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, muted.

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

• Hushed Summit color palette (#FCF2F5, #C8AFE6, #3EA599, #077797, #32242E)
• Pewter Cabin color palette (#FFF2EC, #DE9D87, #858ECD, #824E8C, #36211C)
• Aged Terrace color palette (#FCF3EE, #E8A890, #33BDAB, #8686BF, #3A3430)
• Muted Petrol color palette (#F4F6EE, #A8DAB6, #60A7AE, #3C6DA6, #3F3053)
• Frosted Grape color palette (#FFF2EF, #EF7394, #0074B9, #5C30BF, #280221)
• Timeworn Amber Atelier color palette (#FCEDF2, #C88140, #307690, #15566C, #1C1926)
• Tempered Aubergine color palette (#FFF2EC, #D67463, #566EC7, #631F7E, #1C0403)
• Hushed Taupe color palette (#FDF4E3, #EEDBAA, #A3A76F, #378177, #503C00)

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