Weathered Petrol color palette — #EBF3F8 · #D2D6EB · #ADC1D9 · #0D759C · #192730

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

The five colors

• Ivory (#EBF3F8): a clean, paper-quiet neutral.
• Silver (#D2D6EB): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#ADC1D9): A luminous, dusty blue — the color of deep harbor water.
• Slate (#0D759C): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#192730): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Weathered 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

• Weathered Bloom color palette (#E3EAF1, #BFCDDD, #94A5BE, #1C5A84, #0B1722)
• Antique Petrol Loft color palette (#EEF8F3, #C8DFE2, #C9B5C5, #007597, #30453B)
• Aged Driftwood Terrace color palette (#F1F1F9, #DBD4DC, #B6A9AC, #80809B, #35353C)
• Hushed Lilac color palette (#DAE8FF, #99A0E7, #8572AE, #70414F, #372136)
• Deep Sapphire color palette (#DFEDFE, #0067D1, #1D2749, #041021, #010409)
• Frosted Grove color palette (#E8F3FF, #7ED7FF, #61B0FF, #6E81E8, #051D42)
• Patina Meadow color palette (#E0DFE9, #8F8A9D, #6F667C, #420850, #010006)
• Washed Studio color palette (#E8F3FF, #0087DD, #673FAA, #650B46, #001D1E)

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