Dusty Petrol color palette — #EDF7FF · #D9B568 · #0070A4 · #003F5F · #031D2F

Built around Peacock, softened by Sand — the whole palette hums with trust and stability.

The five colors

• Ivory (#EDF7FF): a clean, paper-quiet neutral.
• Sand (#D9B568): A luminous, balanced gold — the color of afternoon light on wheat.
• Peacock (#0070A4): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003F5F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#031D2F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged luxury, dark, 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

• Mustard Grove color palette (#E4FAFF, #DFB452, #007975, #004442, #001F26)
• Cobalt Lantern color palette (#F1F5FF, #DAC18D, #6A69A9, #3E3D64, #1C2131)
• Aged Straw color palette (#E6FBF3, #FFD26F, #0072A7, #00324C, #000A06)
• Hushed Denim color palette (#D3E0ED, #C59F48, #005798, #002A4E, #000C1C)
• Pale Cornflower color palette (#FFF0FD, #FFBCAF, #5E89EB, #415A91, #261224)
• Wandering Cornflower Coast color palette (#F0F5FF, #DDD6E4, #CDB8D2, #6D7DD9, #354056)
• Faded Navy Balcony color palette (#DBE4F7, #AF8D42, #2D3A8F, #0D0159, #000110)
• Hazy Grape Grove color palette (#E1E2FC, #D1A339, #762BB2, #41006A, #0D0B25)

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