Softworn Petrol color palette — #EFF6FA · #D9DAE2 · #C3BCCC · #038296 · #3B4A51

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

The five colors

• Ivory (#EFF6FA): a clean, paper-quiet neutral.
• Silver (#D9DAE2): bright and airy, almost weightless.
• Stone (#C3BCCC): A luminous, dusty violet — the color of wild irises.
• Cerulean (#038296): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3B4A51): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Petrol Grove color palette (#EDF4F0, #CCDCDE, #D8BBC4, #3B7F93, #242F29)
• Pewter Orchard color palette (#DEFCFE, #9EBABE, #6A82A1, #64693B, #305356)
• Hushed Denim Market color palette (#ECF7FF, #CBD3E3, #B39CC3, #006289, #15364C)
• Antique Field color palette (#D6E0E5, #A1AAB6, #797D9A, #003E4F, #041620)
• Wandering Sapphire Study color palette (#F0F5FE, #DFD6E3, #C1B7CD, #405CD3, #354053)
• Tempered Petrol Corridor color palette (#E8FAEF, #5DA898, #416BA0, #5A4E00, #164352)
• Aubergine Summit color palette (#EDEEF8, #BBB6C2, #9B869B, #5B049B, #1C1D2F)
• Powdered Coast color palette (#EBF7FF, #ACF2CC, #4BCDFF, #BB6DCD, #26415D)

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