Dusty Petrol color palette — #EEF8F4 · #E2D3D0 · #CCB7B7 · #467B99 · #3F4B46

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

The five colors

• Ivory (#EEF8F4): a clean, paper-quiet neutral.
• Silver (#E2D3D0): a clean, paper-quiet neutral.
• Stone (#CCB7B7): A luminous, dusty red — the color of late-summer berries.
• Slate (#467B99): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#3F4B46): 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

• Tempered Pewter color palette (#FBF2F7, #E4D7D5, #CDBCB3, #8A687D, #4E454A)
• Worn Sky color palette (#F0F6FB, #D9D9E2, #C1B1BF, #6EB4E3, #404950)
• Wandering Hollow color palette (#FDF1FC, #E7C8DA, #C798A4, #0357B1, #3B2E3B)
• Aged Fern Meadow color palette (#CBFBE9, #C6A7BE, #A87B84, #6D6416, #42503A)
• Tempered Navy color palette (#E2EEEA, #BAA0B2, #9A7281, #003A60, #001913)
• Stone Loft color palette (#FFF3E7, #BFAF74, #6D7A4B, #685263, #553E00)
• Aged Aubergine Boulevard color palette (#F8EBED, #CBB2B0, #A2877E, #5E2F64, #291B1E)
• Sapphire Canyon color palette (#F0DEED, #4168D5, #412B34, #251B24, #071213)

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