Dusty Petrol color palette — #F0F7F1 · #F0B59B · #00818D · #004C54 · #18251C

A conversation between Teal and Sand, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Sand (#F0B59B): A whisper-light, dusty orange — the color of sun-warmed clay.
• Teal (#00818D): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004C54): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#18251C): A deep, shadowed, dusty teal — the color of sea glass.

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

• Muted Cabin color palette (#E9F8FD, #FDE2AA, #3A8385, #004143, #001218)
• Patina Cerulean color palette (#EDF7FD, #FFC3CB, #5E9FB6, #386B7C, #13242E)
• Sapphire Basin color palette (#FFEFFF, #FEA24A, #2167C1, #173A69, #261226)
• Washed Stone color palette (#E8F9FC, #A4B877, #005F56, #00353D, #121D25)
• Antique Coral color palette (#D4EBE0, #FF8065, #006483, #003344, #00140B)
• Ancient Archive color palette (#F0F7F4, #E1D3D1, #ACA192, #5599B7, #3E4B45)
• Faded Raspberry color palette (#ECF9F1, #2BA0C0, #BE4E95, #755500, #1D3121)
• Ancient Lilac Orchard color palette (#F1F7F1, #73D7D9, #A776D0, #009296, #301E24)

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