Softworn Petrol color palette — #F9F5E5 · #ECD0FF · #CA928A · #2A7BA5 · #523738

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

The five colors

• Cream (#F9F5E5): A whisper-light, dusty green — the color of a quiet forest floor.
• Thistle (#ECD0FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Camel (#CA928A): A luminous, dusty orange — the color of toasted spice.
• Cerulean (#2A7BA5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#523738): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Trust, Stability, Sophistication. Tagged 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 Cypress color palette (#F3F8E5, #CADEFF, #C190B4, #008480, #503644)
• Muted Taupe Terrace color palette (#FEF3E5, #FFCED4, #BA9E60, #616FA4, #453E3A)
• Apricot Bloom color palette (#EBFAEE, #FDBBCD, #E4997D, #649887, #514252)
• Antique Basin color palette (#E1FCF5, #D28CC7, #A06749, #3B5F6F, #4E4352)
• Antique Blush Quarry color palette (#FDF0DC, #E48DA7, #A46650, #475837, #3A2721)
• Frosted Amber Ridge color palette (#FFF5DA, #FF97D6, #C36D00, #005C96, #4C0A1B)
• Muted Parlor color palette (#F9F5EB, #BEE2D6, #A1B691, #A17984, #484A00)
• Pine Grove color palette (#FBF3EF, #F9BBA5, #73A882, #387B4E, #2C365A)

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