Dusty Petrol color palette — #EAF3F9 · #D1D6E2 · #A7BACA · #00708A · #182228

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

The five colors

• Ivory (#EAF3F9): a clean, paper-quiet neutral.
• Silver (#D1D6E2): a clean, paper-quiet neutral.
• Ash (#A7BACA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#00708A): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#182228): quiet, heavy and certain.

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

Use it as a design system

One click turns Dusty 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 Villa color palette (#F0F7F2, #CDDDDF, #C2ACBC, #007082, #303F35)
• Antique Ultramarine color palette (#ECF2FC, #CCD4E5, #A0AACD, #3054AF, #0D1A2E)
• Ancient Cerulean color palette (#EFF7FA, #D8DBE6, #BCAFBC, #3C98AA, #213138)
• Washed Cypress color palette (#E5F6F4, #75ABAA, #1C7558, #09524A, #002221)
• Hushed Dune color palette (#DFEDFF, #90A3C8, #6D728E, #5D4867, #3F1619)
• Velvet Petrol color palette (#D1E4F6, #0069A9, #172639, #020D1A, #000206)
• Abyss Lagoon color palette (#DDE7EF, #A5B5C4, #7A90A9, #004A66, #000C17)
• Aged Studio color palette (#C9F2F2, #2294CD, #385B90, #562052, #00192E)

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