Muted Petrol Alley color palette — #DFF3F2 · #8DBDDF · #006BB0 · #003B4D · #00020A
A conversation between Peacock and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#DFF3F2): A whisper-light, dusty teal — the color of sea glass.
- Sky (#8DBDDF): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#006BB0): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003B4D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#00020A): 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 Muted Petrol Alley 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
- Tempered Petrol color palette (#DBF5EF, #82C4C6, #007580, #003E38, #000304)
- Dusty Villa color palette (#F1E9E1, #5791B6, #00429E, #002B2E, #03001A)
- Worn Summit color palette (#D4F2EA, #658D00, #00728F, #2E4400, #000102)
- Worn Azure Pier color palette (#EAF9F7, #CFDDFB, #4999D3, #00667E, #001F3D)
- Chalky Cornflower color palette (#FAEBF1, #8AB6D4, #387DF2, #006C73, #120043)
- Washed Olive Canyon color palette (#E2F5D6, #437700, #006569, #603800, #000200)
- Patina Sky color palette (#EBF8F7, #D4DEEA, #29BDF9, #008596, #003957)
- Antique Moss color palette (#E1DFCB, #898900, #555D00, #1C2400, #010400)
Browse the whole catalog at Explore, or see today's palette.