Softworn Petrol color palette — #F4F7EC · #B2E0CE · #669CC4 · #0B7892 · #49304C

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

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Mint (#B2E0CE): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#669CC4): A luminous, balanced blue — the color of deep harbor water.
• Teal (#0B7892): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#49304C): 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

• Wandering Petrol color palette (#F4F7EA, #B9DFCA, #599FC0, #007A87, #144437)
• Cobalt Workshop color palette (#FCF3EC, #ACCEC0, #547AAD, #005F62, #313563)
• Worn Petrol Lantern color palette (#E0E2D6, #61B0BA, #007386, #004A49, #00171F)
• Aged Workshop color palette (#DEE4D2, #7197B4, #005A9C, #00394C, #00081E)
• Ancient Periwinkle Ridge color palette (#FBF2F6, #C5E5FC, #7BB4FF, #009FA3, #2C3959)
• Aged Lilac Veranda color palette (#FFD8E6, #AB7ADF, #C86776, #1280B8, #322343)
• Ancient Cobalt Balcony color palette (#EAEDE3, #92B5D7, #3275C6, #005474, #031850)
• Tempered Indigo color palette (#E0E4F7, #999AF2, #7C6CCD, #6B529E, #472E5F)

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