Dusty Petrol color palette — #EBF3F8 · #D6D4E3 · #B4B5C8 · #246E89 · #182228

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 (#D6D4E3): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#B4B5C8): A luminous, dusty violet — the color of wild irises.
• Peacock (#246E89): A full-bodied, balanced blue — the color of deep harbor water.
• 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

• Pewter Veranda color palette (#F0F1FA, #E1D1DD, #CCB8CB, #765D98, #23242F)
• Aged Lagoon color palette (#EBF2FF, #D0D0F0, #B5A2C8, #3A50B2, #121A28)
• Weathered Periwinkle Archive color palette (#CEE7F1, #95A8E3, #946C8B, #3B594D, #142F25)
• Worn Grove color palette (#EFF7F4, #E8D7DC, #D0BBBB, #4A89A7, #2E3F38)
• Softworn Lagoon color palette (#E8F1F8, #ABB3C4, #8B89AB, #00496B, #020C16)
• Tempered Jade color palette (#E1F8EF, #61B484, #007470, #314861, #002221)
• Worn Aubergine Delta color palette (#E4E6F1, #8F8A9B, #756577, #301360, #010107)
• Terracotta Dune color palette (#D9F2FF, #008AA4, #902D31, #393500, #171500)

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