Muted Petrol color palette — #ECF3F9 · #D9D3E4 · #B8B4C7 · #3B6892 · #1B2128
Peacock and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#ECF3F9): a clean, paper-quiet neutral.
- Silver (#D9D3E4): A whisper-light, dusty violet — the color of a velvet chair.
- Ash (#B8B4C7): A luminous, dusty violet — the color of wild irises.
- Peacock (#3B6892): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#1B2128): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Muted 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
- Timeworn Petrol Delta color palette (#F1F6FC, #D9D7E4, #ACB3C5, #43639A, #333B46)
- Patina Nightshade color palette (#EEF1FF, #D7CEEE, #B8A3BC, #6145A5, #15182B)
- Antique Terrace color palette (#DBEFFC, #A4A0D0, #806B8B, #375752, #002D27)
- Worn Cerulean color palette (#F9F3F9, #E7D7D9, #C1AFA5, #688BBD, #352A35)
- Aged Grove color palette (#DDE6F3, #AEB1C9, #9189A0, #174085, #040B16)
- Pine Pier color palette (#FFECF2, #A9A260, #49713A, #464161, #0A2117)
- Dusty Onyx Workshop color palette (#EEEDF6, #94889D, #796374, #3E0E50, #010105)
- Lapis Basin color palette (#DEE5F9, #5B48D1, #282038, #080C18, #000206)
Browse the whole catalog at Explore, or see today's palette.