Dusty Petrol color palette — #EBF8F8 · #DBDDE8 · #7DA9DF · #1378A0 · #1A2F4C

Slate and Cornflower set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBF8F8): bright and airy, almost weightless.
• Silver (#DBDDE8): bright and airy, almost weightless.
• Cornflower (#7DA9DF): A luminous, balanced blue — the color of open sky before noon.
• Slate (#1378A0): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#1A2F4C): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Aged Petrol Atelier color palette (#E2F2F0, #7AC3D9, #007293, #003D42, #000306)
• Softworn Thicket color palette (#FEF1F5, #CCE3F9, #94B0F3, #009DAF, #393261)
• Timeworn Hollow color palette (#E7FAF7, #C4E4FF, #1AA1C5, #00696E, #002230)
• Dusty Cobalt Atelier color palette (#F3F7EC, #A2CAED, #417ABD, #005B7C, #4B2F49)
• Lagoon Dune color palette (#E5FBF6, #95DADA, #008B94, #005249, #001013)
• Frosted Blush Summit color palette (#FFF0FE, #F37C83, #BD8D0D, #9766B4, #291029)
• Driftwood Orchard color palette (#FFF0FD, #DDFBDD, #E8D5D7, #BF7A84, #4C2F46)
• Dusty Chestnut color palette (#EAFAEB, #DEC58B, #A48451, #754F20, #0A2818)

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