Dusty Petrol color palette — #CFE7F8 · #007398 · #774E00 · #003E53 · #0B0500

Teal and Bronze set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#CFE7F8): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#007398): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#774E00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#003E53): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0B0500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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 Lantern color palette (#CDE9F5, #007686, #A50039, #004049, #130002)
• Hushed Navy color palette (#D6E7FF, #3562C4, #635900, #00209B, #070600)
• Deep Canyon color palette (#D2EFE3, #00587C, #1F4A00, #002435, #020800)
• Chalky Ultramarine color palette (#DBE9FF, #004EBF, #940508, #4E3A00, #000109)
• Worn Driftwood color palette (#CFE3F6, #8A9AC9, #A36FAD, #005861, #00042A)
• Ancient Olive color palette (#DAF2E2, #6C7531, #534400, #361E00, #010500)
• Plum Basin color palette (#E1F1FF, #0087C4, #B2329A, #005A85, #11000D)
• Lapis Loft color palette (#E5ECFC, #727ADE, #7C7900, #4400E1, #1D1C00)

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