Dusty Petrol color palette — #F9EBE2 · #5AC7E6 · #006EA5 · #003E38 · #000112

Peacock and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F9EBE2): bright and airy, almost weightless.
• Sky (#5AC7E6): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006EA5): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#003E38): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000112): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Wandering Teal Corridor color palette (#F9EDE6, #2EB8B4, #005F6F, #002D17, #000103)
• Tempered Cobalt Summit color palette (#FFF3E8, #91D5FF, #4279CC, #005155, #0A0131)
• Wandering Denim Terrace color palette (#F3E8EF, #6491A8, #004B82, #002D22, #03001B)
• Hushed Garden color palette (#F4E5DD, #6FBDD4, #0087DE, #006F58, #0C083D)
• Cypress Orchard color palette (#FCF3EE, #D6D6E3, #79ABDA, #00807A, #3E243A)
• Plum Lantern color palette (#FDE5F2, #B40084, #006A40, #004E48, #040002)
• Antique Raspberry Terrace color palette (#FFE7F6, #D603AE, #007963, #6A0055, #000201)
• Amber Loft color palette (#FFF1F2, #FFADAD, #D18F40, #6E4C90, #090002)

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