Dusty Petrol color palette — #E8F6ED · #C3DACE · #93B4A7 · #006678 · #0B1F13

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

The five colors

• Cream (#E8F6ED): a clean, paper-quiet neutral.
• Oat (#C3DACE): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#93B4A7): A luminous, dusty teal — the color of glacier melt.
• Peacock (#006678): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#0B1F13): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Balcony color palette (#E9F5F1, #DFCDDE, #9CAAD2, #005E9D, #051F19)
• Jade Station color palette (#E5E7CE, #52AA6C, #006D47, #00493E, #001C08)
• Muted Cerulean color palette (#EDF7FC, #CCE2F0, #9EC3E1, #00869D, #23363F)
• Aged Pewter color palette (#F6F0F3, #DDD4D3, #C7B7B4, #766BA3, #34282E)
• Worn Onyx color palette (#E3F0EB, #81918D, #786377, #002D44, #000201)
• Patina Ultramarine color palette (#F6EFF5, #DFCEDA, #C49FB4, #0C47D6, #231421)
• Patina Nightshade color palette (#EFE4EB, #BDAFB5, #A3838F, #3A2E96, #160410)
• Sapphire Orchard color palette (#D0FEEC, #00CCF0, #00A3E2, #0068DF, #001628)

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