Dusty Petrol color palette — #F7ECE4 · #91BCAB · #3168B1 · #004F52 · #252757

Royal Blue and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F7ECE4): a clean, paper-quiet neutral.
• Sage (#91BCAB): A luminous, dusty teal — the color of glacier melt.
• Royal Blue (#3168B1): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004F52): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#252757): A deep, shadowed, balanced 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 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 Cobalt Harbor color palette (#FCF4EB, #A3D0C3, #5E76B0, #005E69, #393262)
• Abyss Station color palette (#F5ECE8, #9CBB9B, #007588, #00532F, #00324A)
• Washed Petrol Atelier color palette (#E0ECEB, #88BBD9, #0071AD, #00495A, #00162F)
• Tempered Dune color palette (#EDF0E4, #91CDF1, #008DD9, #006881, #0A2F52)
• Hushed Lilac color palette (#D5FFF2, #B7BFED, #AF7EBD, #006A6E, #462B43)
• Hushed Market color palette (#F8ECE5, #6399A9, #004F76, #00302A, #000C3E)
• Airy Basin color palette (#C7E6D9, #0089BC, #955B00, #00506F, #3C2200)
• Quiet Denim Thicket color palette (#D8EAFF, #5793D3, #0051A3, #002B53, #001934)

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