Dusty Petrol color palette — #E0F3F1 · #7FBBD6 · #0070A0 · #004E5B · #03304F

A conversation between Peacock and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#E0F3F1): A whisper-light, dusty teal — the color of sea glass.
• Sky (#7FBBD6): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#0070A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004E5B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Teal (#03304F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Patina Studio color palette (#EDF8F7, #9FCBEB, #497CAD, #005C76, #233B5C)
• Wandering Teal color palette (#D0E7E1, #4EB1AB, #006467, #003F34, #002529)
• Aged Ash color palette (#EDF8F7, #D6DCED, #729FC2, #417788, #445466)
• Periwinkle Terrace color palette (#F6EBF1, #B5D9F0, #75A6EB, #009282, #2B235C)
• Tempered Cobalt Meadow color palette (#D8F0EF, #3A85C4, #003B78, #00202F, #00032A)
• Hushed Amber Lantern color palette (#FBE8FF, #F9A7A4, #CD7E66, #894862, #402B41)
• Feathered Meadow color palette (#F8E1E6, #C30061, #845100, #553A89, #35111D)
• Raspberry Workshop color palette (#E7D7EF, #D82E83, #806700, #84084C, #332800)

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