Softworn Petrol color palette — #EBF3F8 · #D2D6E0 · #A8B9CA · #096F8B · #15222A

Peacock and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBF3F8): a clean, paper-quiet neutral.
• Silver (#D2D6E0): bright and airy, almost weightless.
• Ash (#A8B9CA): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#096F8B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#15222A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Petrol Meadow color palette (#EEF8F2, #CDDDDF, #BDAEB9, #007085, #333E37)
• Muted Ultramarine color palette (#ECF2FC, #CBD4E9, #ABA5D2, #3751B2, #101A2C)
• Timeworn Lagoon color palette (#EFF7FB, #D8DAE5, #C0AAA7, #2499B2, #243037)
• Hushed Abyss Lagoon color palette (#D7E1EA, #A9B5C0, #768FAF, #004969, #010C16)
• Tempered Pewter color palette (#D5E5FF, #909EC2, #796594, #6A3845, #392237)
• Hushed Bloom color palette (#E4F6F4, #6FB18B, #0C7659, #1C4E57, #002222)
• Petrol Lagoon color palette (#DFEBF8, #0067B2, #132346, #000D1E, #000205)
• Dusty Cornflower Market color palette (#E8F3FF, #75D9FF, #59B6FF, #587EE2, #01162C)

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