Softworn Petrol color palette — #FFF0FD · #F1D9C0 · #C99B6F · #007FA1 · #3F4271

Built around Cerulean, softened by Camel — the whole palette hums with trust and stability.

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Bone (#F1D9C0): A whisper-light, dusty gold — the color of old brass.
• Camel (#C99B6F): A luminous, balanced gold — the color of honey in a jar.
• Cerulean (#007FA1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#3F4271): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged vintage, retro, 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

• Patina Navy Drift color palette (#FFF1F1, #F9D2B0, #9DA876, #6D6FA3, #4E386A)
• Hushed Taupe Grove color palette (#FFDDE7, #D69479, #8D804C, #305C81, #3C3F5F)
• Navy Terrace color palette (#FFD9CD, #CA8D81, #897449, #1C437C, #240945)
• Patina Taupe Villa color palette (#FFF2EC, #E9C099, #C0A569, #68916C, #255544)
• Weathered Veranda color palette (#F2DBD4, #A6875F, #566F35, #39235B, #210016)
• Dusty Periwinkle color palette (#FFF3E7, #DAD5E0, #8CAAFF, #008596, #352B5F)
• Taupe Quarry color palette (#ECDCD5, #CA9C75, #957B49, #3E5F3D, #242F10)
• Tempered Driftwood Courtyard color palette (#FFF3E8, #D9E0CA, #C4CAAB, #AB7F89, #614B45)

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