Softworn Petrol color palette — #F1F3EB · #C1E5E6 · #7BA1C0 · #367488 · #402F42

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Silver (#C1E5E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7BA1C0): A luminous, dusty blue — the color of deep harbor water.
• Teal (#367488): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#402F42): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, 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

• Cypress Station color palette (#F2F3EB, #C7DFDB, #7FA78E, #377775, #203D2F)
• Antique Cypress Cabin color palette (#FAF3F6, #D9DEEE, #7F9BC2, #1B7D81, #46526F)
• Antique Atelier color palette (#EBEEE1, #64A6C6, #005E8B, #003843, #000B1A)
• Timeworn Orchard color palette (#E9EADD, #99BEA3, #00788E, #004B4B, #001923)
• Dusty Olive color palette (#F4F3E5, #A9BB8D, #67A7BC, #657B3F, #143928)
• Softworn Cerulean Lantern color palette (#F3F3E2, #B9DABA, #00949F, #006359, #002B32)
• Wandering Meadow color palette (#EEF2E7, #537DA2, #003A76, #001D2B, #00000A)
• Weathered Corridor color palette (#E6E7D4, #419A97, #005458, #002C25, #000507)

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