Dusty Petrol color palette — #F8EBE3 · #80C2D9 · #006CAA · #003E39 · #000016

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

The five colors

• Cream (#F8EBE3): bright and airy, almost weightless.
• Sky (#80C2D9): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006CAA): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#003E39): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000016): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, 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

• Denim Summit color palette (#EEE0D9, #63B1B2, #005F72, #002D1A, #000103)
• Quiet Cornflower Basin color palette (#FEF3E9, #A0D3F8, #4275D9, #005057, #0C0031)
• Worn Cerulean Chapel color palette (#E5F2F0, #62BEDD, #008FBF, #006B78, #001625)
• Wandering Terracotta color palette (#C9E9D9, #008BB3, #A64600, #004257, #030100)
• Tempered Cerulean Loft color palette (#FFE7F5, #329DBE, #004D7C, #00302C, #030C3C)
• Tempered Lagoon color palette (#C1E8E2, #008E98, #00586A, #002537, #00030D)
• Wisteria Basin color palette (#D3FBE9, #BCD2FF, #BF8DE7, #006866, #000916)
• Aged Cabin color palette (#D8ECFF, #006AB1, #A7001F, #5C3B00, #000104)

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