Softworn Petrol color palette — #F5F0F5 · #AAC5EB · #9774A2 · #4F73A3 · #1F1115

Built around Slate, softened by Heather — the whole palette hums with trust and stability.

The five colors

• Ivory (#F5F0F5): a clean, paper-quiet neutral.
• Sky (#AAC5EB): A luminous, dusty blue — the color of deep harbor water.
• Heather (#9774A2): A luminous, dusty pink — the color of a candy shop window.
• Slate (#4F73A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#1F1115): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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

• Pewter Meadow color palette (#F8EFF2, #CDB8EB, #AD6E74, #7D649D, #21110C)
• Petrol Coast color palette (#F0F6FA, #A1C6DF, #AD627B, #0077A0, #342939)
• Ash Hollow color palette (#FAF0E2, #A5A6D9, #8B6C8D, #5F511F, #3B242E)
• Onyx Boulevard color palette (#FFEBFA, #B9B5E8, #9176A9, #6C436F, #4E0E37)
• Cobalt Corridor color palette (#F1F6FB, #BBD3F1, #B08CBD, #568ED7, #2D2B3D)
• Cerulean Lagoon color palette (#F7EFF7, #698DC4, #8B5A44, #464E20, #0F1F12)
• Antique Aubergine Garden color palette (#F1E0E5, #945BB8, #810D00, #510073, #030100)
• Patina Aubergine color palette (#EFE0E7, #8C7AE6, #94253F, #49269D, #070000)

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