Muted Petrol Station color palette — #E4F2FA · #9B9FB2 · #86849E · #006E88 · #000B13

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

The five colors

• Frost (#E4F2FA): a clean, paper-quiet neutral.
• Blue Fog (#9B9FB2): A luminous, dusty violet — the color of twilight just after sunset.
• Slate Blue (#86849E): A luminous, dusty violet — the color of wild irises.
• Peacock (#006E88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#000B13): 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 Muted Petrol Station 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

• Timeworn Abyss color palette (#DCE5EA, #93A7BD, #7E85A0, #004E5A, #000B12)
• Antique Harbor color palette (#D8E1DC, #7E938B, #53736A, #002F3D, #000201)
• Dusty Station color palette (#E4E8F6, #BAAAC1, #AB8DAA, #6E64B4, #0F1322)
• Cobalt Canyon color palette (#C1E5FA, #6487D0, #735A90, #684229, #1A1400)
• Patina Villa color palette (#E6F5E8, #0086AE, #2B46CB, #691C00, #00040A)
• Hazy Harbor color palette (#D9EAF7, #007BAC, #802392, #5C2200, #010200)
• Indigo Quarry color palette (#E3F2FF, #00B6CB, #009BE7, #6864EE, #000510)
• Tempered Azure color palette (#E9EFF6, #D3D1EA, #BDB5CD, #4F99D0, #222F3B)

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