Dusty Petrol color palette — #F9EAF1 · #90B7D0 · #2F6BA4 · #00504E · #202A55
A conversation between Slate and Navy, giving this palette its sense of trust and stability.
The five colors
- Blush (#F9EAF1): a clean, paper-quiet neutral.
- Ash (#90B7D0): A luminous, dusty blue — the color of deep harbor water.
- Slate (#2F6BA4): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Navy (#202A55): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. 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
- Hushed Courtyard color palette (#FCF2F6, #ACC9E0, #4F78B9, #005F64, #34355E)
- Hushed Petrol Garden color palette (#E8EAE1, #97BEAC, #0073A5, #004957, #00172B)
- Timeworn Boulevard color palette (#E9F6FF, #A8C0EF, #B784C6, #006666, #183249)
- Dusty Spruce Thicket color palette (#E7DDE4, #6DACA7, #006271, #004120, #002333)
- Antique Thicket color palette (#C0ECE6, #00A0B3, #00627A, #004569, #112E5E)
- Misty Periwinkle color palette (#F9ECE3, #9CDEFB, #57A9F8, #00918D, #212A52)
- Azure Delta color palette (#D5EBFF, #3C92DC, #00548E, #002C4F, #001932)
- Softworn Cypress Atelier color palette (#FBF2F6, #D9DEEF, #7E9BC3, #337B7D, #495267)
Browse the whole catalog at Explore, or see today's palette.