Softworn Petrol color palette — #F0F3EB · #BEE8EC · #7FA0C1 · #407387 · #412F41

Slate takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F0F3EB): a clean, paper-quiet neutral.
• Frost (#BEE8EC): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#7FA0C1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#407387): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#412F41): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Ancient Basin color palette (#F1F3EB, #BAEBEB, #77A896, #52745F, #233C35)
• Antique Petrol Meadow color palette (#F0F7F2, #D9DDEE, #7E9BC1, #3C7887, #475367)
• Washed Orchard color palette (#E4E8D8, #4AA7D9, #005D92, #003746, #000B1D)
• Washed Alley color palette (#E8EADE, #5BC4DB, #007793, #004B4E, #001924)
• Glacier Bloom color palette (#F2F3E7, #6BE5EF, #0093A6, #00625E, #002A35)
• Powder Delta color palette (#FAF4EE, #C2E3F6, #C6BEF1, #7D9B81, #5C4553)
• Wandering Ridge color palette (#E0E1D3, #2F8885, #004548, #00201A, #000202)
• Wandering Jade Ridge color palette (#F2F4DC, #7CAB6B, #279FA9, #957143, #282918)

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