Dusty Petrol Harbor color palette — #DFE6EB · #BAC5D3 · #99A5BD · #006990 · #12212C
Peacock and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DFE6EB): a clean, paper-quiet neutral.
- Stone (#BAC5D3): A luminous, dusty blue — the color of open sky before noon.
- Blue Fog (#99A5BD): A luminous, dusty violet — the color of wild irises.
- Peacock (#006990): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#12212C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Dusty Petrol Harbor 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
- Antique Denim color palette (#E3E8EE, #AEB4C2, #8D93B3, #0051A0, #031429)
- Muted Cerulean color palette (#D7E6DE, #DAC5D8, #D1ABBB, #168DAE, #15231C)
- Teal Lantern color palette (#D4E9E6, #4DA683, #007065, #004E5C, #002115)
- Sapphire Parlor color palette (#F0F6FF, #D9DEED, #BABBD9, #406BEA, #273347)
- Muted Cocoa color palette (#E3F0FE, #878BC1, #765E86, #643A02, #2B2800)
- Dusty Byzantium color palette (#EEEEF5, #D9D5E3, #BEB2C7, #8F4EBA, #2C2B3F)
- Muted Aubergine Harbor color palette (#EBEDF5, #A3A3B1, #88829C, #47269B, #050719)
- Muted Alley color palette (#F1F6FB, #DAD9E3, #C5BED1, #6295BE, #404951)
Browse the whole catalog at Explore, or see today's palette.