Dusty Petrol Loft color palette — #EAF4F3 · #D0DBEF · #7AA2BC · #2F7780 · #233949

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#EAF4F3): bright and airy, almost weightless.
• Powder Blue (#D0DBEF): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#7AA2BC): A luminous, dusty blue — the color of open sky before noon.
• Teal (#2F7780): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#233949): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Dusty Petrol Loft 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

• Cerulean Lantern color palette (#EEF1FF, #9C94C9, #B5798E, #3B829C, #222639)
• Weathered Cypress color palette (#DBEEE9, #7FC1C0, #007A81, #004C42, #001A1F)
• Cypress Atelier color palette (#FAF4F0, #CBE7E5, #73A596, #008076, #63485F)
• Ancient Cobalt Veranda color palette (#EDF2FE, #ACADE5, #63ABA3, #6A69AB, #023840)
• Abyss Drift color palette (#D0E6E5, #4380A0, #003F62, #001E26, #000104)
• Hushed Ash Chapel color palette (#EFF1FF, #DDD3DF, #AFA59D, #848EAE, #3B3B4D)
• Soft Cobalt Pier color palette (#E4F6F6, #A4D6FF, #4886C8, #005D7D, #0A234C)
• Stone Workshop color palette (#EAF5EA, #A6C4AB, #728A72, #6D4E59, #223026)

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