Worn Petrol color palette — #E8F0F5 · #C7DAEC · #AAB9CA · #257B9F · #262F36

Slate and Powder Blue set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E8F0F5): a clean, paper-quiet neutral.
• Powder Blue (#C7DAEC): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#AAB9CA): A luminous, dusty blue — the color of deep harbor water.
• Slate (#257B9F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#262F36): quiet, heavy and certain.

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

Use it as a design system

One click turns Worn 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

• Softworn Denim color palette (#D6E0EB, #B9C5D7, #9AA5BA, #1E62A4, #17202A)
• Softworn Azure Thicket color palette (#EAF0ED, #C8D6D7, #DAB7BF, #00A1CD, #22322A)
• Indigo Chapel color palette (#F1F5FF, #D8DCF5, #C8B4DD, #7164D1, #2C3244)
• Softworn Coast color palette (#F1F5FD, #DBD8E3, #C2BDCB, #7B91B1, #44484E)
• Timeworn Teal color palette (#CFEBE9, #5FB992, #17846C, #1B615E, #003031)
• Washed Lilac color palette (#DFE9FE, #9A9EEC, #8979AC, #814D5B, #4F2523)
• Misty Azure Hollow color palette (#B7E9EB, #0999F1, #4160C4, #70265D, #0C2441)
• Weathered Sapphire Garden color palette (#DCECFF, #006FD8, #213251, #081728, #01050B)

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