Softworn Petrol color palette — #FAF3F5 · #DADDEE · #8599C4 · #2F7B85 · #4C5266

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Silver (#DADDEE): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#8599C4): A luminous, dusty violet — the color of wild irises.
• Teal (#2F7B85): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#4C5266): A full-bodied, dusty violet — the color of a velvet chair.

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

• Timeworn Ash Cabin color palette (#F0F3EB, #BCEAF0, #7D9FC8, #447288, #412F3F)
• Patina Powder color palette (#EDF8F7, #D9DBEA, #96B4D6, #6B8BA1, #455469)
• Softworn Cerulean Chapel color palette (#FBF2F8, #BDE4ED, #229AAE, #35704B, #334B5C)
• Aged Olive Delta color palette (#E9F9F6, #9CBB8A, #9C8CD3, #568038, #474B65)
• Ancient Petrol Atelier color palette (#F7EAF2, #85BBCA, #0070A2, #005146, #132C56)
• Washed Chapel color palette (#F4EAF1, #4A8D8C, #004451, #002413, #000B14)
• Antique Iris color palette (#E4FBF4, #86A459, #9579C2, #95628D, #2F4842)
• Ultramarine Drift color palette (#F6E4EB, #66A6D1, #1A50AF, #003D42, #1B1647)

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