Muted Petrol color palette — #DDFEEF · #BBE4E9 · #7DB9E6 · #1F75A7 · #042E46
Built around Slate, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Honeydew (#DDFEEF): A whisper-light, dusty teal — the color of shallow lagoons.
- Silver (#BBE4E9): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#7DB9E6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#1F75A7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#042E46): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, muted, cool.
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
- Aged Petrol color palette (#FFF0FE, #E8D3D9, #98B8F3, #4467A4, #0E2946)
- Cypress Parlor color palette (#E8FCE8, #C3EAF6, #71C8C8, #007E7B, #003031)
- Powder Alley color palette (#EDF7FF, #D1DBFC, #6FC2F7, #5A8EB2, #223D52)
- Timeworn Powder Veranda color palette (#D6FCEF, #8AD1FE, #508EB8, #285372, #00271E)
- Quiet Iris Workshop color palette (#F0F5FF, #D0E1FF, #6B91FF, #004C9B, #00143C)
- Tempered Lantern color palette (#F9F3F9, #EDD7DD, #DE98A4, #7299E1, #2A1916)
- Timeworn Loft color palette (#D0E5FA, #3285D5, #004173, #000B1C, #000104)
- Nightshade Harbor color palette (#F3F4FF, #AEB9FF, #496DDD, #1D039C, #010012)
Browse the whole catalog at Explore, or see today's palette.