Dusty Petrol color palette — #E2F7F1 · #8EB8DE · #B9956C · #3E76A5 · #35302B

Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E2F7F1): A whisper-light, dusty teal — the color of sea glass.
• Sky (#8EB8DE): A luminous, dusty blue — the color of open sky before noon.
• Camel (#B9956C): A luminous, dusty gold — the color of old brass.
• Slate (#3E76A5): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#35302B): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

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

• Washed Cypress Summit color palette (#E9F6EA, #7BC1C3, #CC8784, #008285, #372F2C)
• Softworn Taupe color palette (#FEECF4, #B5ABDB, #99A366, #74689C, #33312A)
• Ancient Meadow color palette (#EEF6FF, #93B4D4, #BE8D60, #2E77B4, #64414F)
• Timeworn Azure color palette (#EDF6FF, #A0C9EF, #D1A97A, #3B92D7, #3D543A)
• Periwinkle Station color palette (#FBECFC, #709FD7, #B9797F, #688156, #302131)
• Dusty Quarry color palette (#E4F7F2, #EBD4CC, #DCB9B3, #67927E, #483B47)
• Cerulean Archive color palette (#FFEAFD, #B2D0F9, #6B85B5, #3A5078, #0B203E)
• Tempered Garden color palette (#F9EEF4, #D7C09A, #775668, #402936, #1C0F16)

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