Dusty Petrol color palette — #FBE8F2 · #89C0D9 · #2B66B5 · #003F37 · #030012

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

The five colors

• Blush (#FBE8F2): A whisper-light, dusty pink — the color of peonies in June.
• Sky (#89C0D9): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#2B66B5): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003F37): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#030012): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Wandering Spruce color palette (#F5EAF5, #81C5C4, #00728F, #004114, #000209)
• Cobalt Workshop color palette (#FFF1F5, #9DD2FE, #6274C1, #005152, #13002A)
• Washed Cerulean Workshop color palette (#E5F2E8, #3B95BA, #004D7B, #002B2F, #000313)
• Linen Cobalt Grove color palette (#F1EBE2, #7FB9D4, #138AD2, #006C74, #001134)
• Misty Coral Studio color palette (#F5F4FF, #F5B8EA, #F18869, #006393, #0F001A)
• Misty Nightshade color palette (#CAE6FC, #147AF9, #4A18BC, #34004A, #050004)
• Quiet Workshop color palette (#EDE3FC, #8B13D9, #585E00, #424700, #020006)
• Washed Cypress Station color palette (#FDF2F6, #D8D4DF, #8BA6DA, #008078, #2F274E)

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