Dusty Petrol color palette — #F0F3EA · #C6E4D9 · #6092C1 · #026885 · #39223A

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

The five colors

• Cream (#F0F3EA): bright and airy, almost weightless.
• Silver (#C6E4D9): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#6092C1): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#026885): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#39223A): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Cerulean Alley color palette (#F1F3EB, #C3E6D3, #4E97B9, #006B76, #003528)
• Weathered Cabin color palette (#F0F4E7, #A7D7F4, #248ACC, #005F75, #002549)
• Lagoon Terrace color palette (#EDEDDE, #399B96, #005457, #002D24, #000507)
• Antique Lagoon color palette (#FAF4EE, #C2E3F6, #A1BCE8, #3F9096, #543249)
• Timeworn Alley color palette (#F2F3E4, #6BCDD3, #00808F, #00524D, #001E26)
• Muted Moss color palette (#F5F4D6, #749C4B, #009193, #975B10, #211F05)
• Aqua Grove color palette (#F2F5D8, #C3DFC6, #85CDD0, #7B895F, #32332C)
• Muted Bloom color palette (#FEEFE3, #C1A68D, #956A4E, #6A402F, #311E07)

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