Softworn Petrol color palette — #DDECF4 · #ABAFC2 · #9892AD · #007F94 · #021720

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DDECF4): a clean, paper-quiet neutral.
• Ash (#ABAFC2): A luminous, dusty violet — the color of a velvet chair.
• Blue Fog (#9892AD): A luminous, dusty violet — the color of a velvet chair.
• Teal (#007F94): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#021720): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Cobalt color palette (#E3E8F0, #B5ACBF, #A48FA6, #416EC5, #0A1422)
• Worn Terrace color palette (#E3F2E9, #A8B9B1, #76A093, #005C72, #02190E)
• Aged Cobalt Boulevard color palette (#DAE3DD, #91A59E, #6D7AA5, #003E48, #000602)
• Fern Lagoon color palette (#BFEDEB, #5A96BE, #796B9A, #665800, #0F1F00)
• Antique Iris Courtyard color palette (#EBEFF5, #D7D0DD, #C2B2C2, #778ED8, #252E3D)
• Tempered Garden color palette (#D6ECE3, #74A771, #008465, #006072, #011501)
• Muted Ultramarine Market color palette (#FCE8CC, #009AAD, #3A57D9, #604000, #000D16)
• Soft Plum color palette (#DBF3FF, #0090AA, #A72675, #564000, #0B0700)

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