Dusty Petrol color palette — #BBE9E7 · #007F8F · #005064 · #002637 · #000A19

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

The five colors

• Sea Foam (#BBE9E7): A whisper-light, dusty teal — the color of glacier melt.
• Teal (#007F8F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005064): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#002637): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000A19): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Muted Bloom color palette (#D7F1F8, #006684, #004168, #001C3C, #010025)
• Hushed Cobalt Canyon color palette (#D7EDFD, #0083BE, #004B6F, #001E34, #000103)
• Quiet Lagoon Dune color palette (#C8F1E6, #008B89, #00586A, #002D59, #0D1343)
• Aged Pine Bloom color palette (#D7E7D8, #008957, #005140, #002E2A, #000E0E)
• Chalky Hollow color palette (#DCF3EA, #00A9A7, #00728C, #003E63, #010130)
• Terracotta Lantern color palette (#E3F3FD, #007698, #943500, #003C50, #140300)
• Faded Violet Meadow color palette (#CCE8FE, #85AEE2, #8C6EE5, #005C6A, #000D1A)
• Weathered Orchard color palette (#D6EFF9, #007AB7, #004980, #0B0079, #0A0037)

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