Dusty Petrol Quarry color palette — #F2E7DE · #89BBD9 · #4768B0 · #004C47 · #180E30

Slate and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F2E7DE): bright and airy, almost weightless.
• Sky (#89BBD9): A luminous, dusty blue — the color of deep harbor water.
• Slate (#4768B0): A full-bodied, balanced violet — the color of a velvet chair.
• Forest (#004C47): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#180E30): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Dusty Petrol Quarry 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

• Forest Boulevard color palette (#F5E5E1, #6AC5C3, #007793, #005015, #00162F)
• Hushed Cobalt Dune color palette (#F7F1EA, #9FD4C5, #6676BE, #005B5D, #321622)
• Petrol Basin color palette (#EDF0E7, #8BBEAC, #0C6DAD, #004D62, #012D5C)
• Gentle Cerulean Studio color palette (#FFEEE7, #8BE0E9, #158EBF, #00663C, #122445)
• Worn Azure color palette (#EBFAED, #D2DFFE, #4295E9, #006876, #0E1B41)
• Patina Cerulean color palette (#F8E6DB, #0099B8, #004C7F, #002D21, #02001C)
• Antique Lagoon color palette (#EADAD6, #278886, #004353, #002104, #000104)
• Plum Station color palette (#F9E8E5, #C20066, #006C6C, #0C4F64, #1D0101)

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