Dusty Petrol color palette — #F9EBE2 · #7CC1E0 · #0269B5 · #003E3C · #010015

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

The five colors

• Cream (#F9EBE2): bright and airy, almost weightless.
• Sky (#7CC1E0): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0269B5): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003E3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. 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

• Patina Aqua color palette (#FDEAE0, #66C9CA, #00738A, #004027, #000307)
• Wandering Cobalt color palette (#FDF3E9, #A0D2FB, #5977BF, #005059, #0E0030)
• Washed Cobalt Harbor color palette (#D6E9E7, #82B9D1, #008DC6, #006A7C, #001527)
• Denim Canyon color palette (#EBDDE4, #3C9BC0, #004C83, #00302E, #080C3A)
• Teal Study color palette (#DBF4F0, #00AD9D, #00625B, #001F1C, #000201)
• Timeworn Lantern color palette (#DFE6D5, #00A43F, #00664D, #003028, #000607)
• Ancient Cypress Summit color palette (#FBF4EE, #C1E4F6, #80A9DD, #007F81, #262A4F)
• Soft Plum color palette (#D3F6E9, #009475, #AF2770, #004737, #040001)

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