Dusty Petrol color palette — #FDEAE2 · #70BFCC · #0070A1 · #005236 · #1E2C4E

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

The five colors

• Cream (#FDEAE2): A whisper-light, dusty orange — the color of autumn markets.
• Cyan (#70BFCC): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#0070A1): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005236): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Midnight (#1E2C4E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Petrol Canyon color palette (#DFECEA, #8EBBCE, #00788D, #004B4B, #001922)
• Chalky Denim color palette (#ECDCD1, #67A8C7, #1E54A2, #003F37, #1E1642)
• Cobalt Courtyard color palette (#FEF3EC, #A5D1B8, #4B7CAA, #00624D, #4C3044)
• Ancient Lagoon color palette (#F4ECF2, #A2DFEA, #4FB1DD, #009477, #052E57)
• Aged Lagoon color palette (#EDDBD6, #1EA3A1, #005266, #003308, #00142B)
• Patina Atelier color palette (#D4FBD9, #69DED1, #6B99D3, #5F5800, #30342D)
• Timeworn Cobalt Summit color palette (#FAF4EE, #B9E2FF, #7088C4, #1D706C, #5B3D4B)
• Navy Thicket color palette (#F8E9DF, #248DAB, #003D6F, #00231B, #07002A)

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