Dusty Petrol Basin color palette — #EBDBD3 · #81BEBE · #00829B · #005C3A · #002236

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Bone (#EBDBD3): A whisper-light, dusty orange — the color of autumn markets.
• Mint Leaf (#81BEBE): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#00829B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005C3A): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002236): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Dusty Petrol Basin 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

• Dusty Cobalt Boulevard color palette (#EDE3DC, #8FBDA6, #0079C5, #005A55, #0C174F)
• Hushed Cerulean color palette (#FEF0FA, #96DAD9, #0089A1, #005532, #000E19)
• Softworn Cerulean Hollow color palette (#FCEBE2, #90D0DE, #2491C2, #006E5B, #072D5A)
• Wandering Cypress color palette (#D8E6E2, #66ADAB, #00646A, #003F36, #00242A)
• Antique Pier color palette (#D1E8D2, #90CDEA, #969AF1, #197D5B, #002A31)
• Hushed Lagoon color palette (#FBF3F0, #C5E6DF, #76AEC7, #338C71, #2D4A67)
• Pale Plum color palette (#DBF0DD, #0099A0, #C33E53, #005F63, #39000C)
• Powdered Coast color palette (#DDEFF2, #00848F, #C40234, #A41500, #001518)

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