Softworn Petrol color palette — #EEF7FC · #92C9E2 · #AE6662 · #0B789B · #362935

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

The five colors

• Ivory (#EEF7FC): a clean, paper-quiet neutral.
• Sky (#92C9E2): A luminous, dusty blue — the color of open sky before noon.
• Mocha (#AE6662): A full-bodied, balanced orange — the color of toasted spice.
• Slate (#0B789B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#362935): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Ancient Cypress Courtyard color palette (#EEF7F9, #87D1C4, #9C6C88, #277C71, #312B38)
• Hushed Loft color palette (#F2F5FD, #B5BCEF, #A17245, #6166A5, #39282F)
• Worn Studio color palette (#F5F0F5, #D7B7D8, #9573A8, #3571C0, #201115)
• Cobalt Corridor color palette (#F1F6FB, #BBD3F1, #B08CBD, #568ED7, #2D2B3D)
• Aged Ridge color palette (#E5FBF8, #7FADD5, #8B6991, #416344, #3F485A)
• Wandering Garnet color palette (#ECF7FF, #A7B8E2, #907BA8, #78466C, #6C2C32)
• Weathered Periwinkle color palette (#EEF6FF, #759ACB, #92653F, #365E40, #04473F)
• Timeworn Studio color palette (#F3F4FF, #D4D5E3, #CCC1FF, #CC8184, #48415E)

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