Dusty Petrol color palette — #ECDCD5 · #5BC4CA · #0081A1 · #005C41 · #002139

Cerulean and Aqua set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#ECDCD5): A whisper-light, dusty orange — the color of toasted spice.
• Aqua (#5BC4CA): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0081A1): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005C41): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002139): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Ancient Cobalt color palette (#F8E9DD, #64BDE9, #3576C1, #00595A, #171A41)
• Weathered Canyon color palette (#EFF8F1, #A1D5E7, #0089A1, #005345, #000F18)
• Denim Bloom color palette (#F0E0DA, #58AEB2, #00607E, #00411D, #001E46)
• Hazy Pine Basin color palette (#E5DCE4, #98C9D9, #009FD2, #008246, #001C49)
• Sunlit Studio color palette (#FFF3E9, #89D5FF, #358CF3, #007274, #27276D)
• Azure Alley color palette (#FFF2EC, #8DEDF9, #00AADC, #008667, #1A4267)
• Airy Jade color palette (#E1F5E9, #00B370, #007954, #004222, #000E04)
• Mint Orchard color palette (#E5F2E5, #00E0BF, #00B0DC, #6A6F17, #222B0C)

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