Softworn Petrol color palette — #FFEBFB · #F0CEE4 · #BBAEE9 · #256AB0 · #311B2D

Royal Blue and Lavender set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFEBFB): A whisper-light, dusty pink — the color of neon signs at night.
• Thistle (#F0CEE4): A whisper-light, dusty pink — the color of a candy shop window.
• Lavender (#BBAEE9): A luminous, balanced violet — the color of twilight just after sunset.
• Royal Blue (#256AB0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#311B2D): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged pastel, light, 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

• Washed Indigo color palette (#FFECF3, #E6CAF8, #DE9FD7, #6E67B8, #3B202A)
• Petrol Summit color palette (#DBFAF1, #BED7FE, #A4A8E4, #106E9A, #371F39)
• Washed Cabin color palette (#EEF6FF, #C9D5FE, #D490C5, #2C778D, #343F54)
• Aged Mallow Thicket color palette (#F0F5FF, #DADCFF, #CEB6FF, #698CBC, #343F58)
• Linen Nightshade color palette (#F0E1EB, #B3AAE8, #9F7BC4, #1035A7, #0B042A)
• Patina Cypress color palette (#DEFAE8, #B2E1E1, #91BFE7, #00747E, #01301E)
• Muted Thicket color palette (#FFECF1, #EBB9F1, #E96FC7, #7931D4, #33113C)
• Cerulean Quarry color palette (#FFEFFF, #E9D8D8, #C1AC96, #349EBD, #442C3D)

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