Muted Petrol Field color palette — #EDF7FB · #5AC0CC · #5D6AA8 · #006D77 · #1D2433
A conversation between Slate and Cyan, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF7FB): a clean, paper-quiet neutral.
- Cyan (#5AC0CC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#5D6AA8): A full-bodied, balanced violet — the color of a velvet chair.
- Teal (#006D77): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#1D2433): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged duotone, muted, cool.
Use it as a design system
One click turns Muted Petrol Field 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
- Worn Petrol Bloom color palette (#F0F6FB, #97C7E8, #916F98, #36749A, #2E2C39)
- Wandering Petrol Delta color palette (#EBF8F8, #7AC198, #1A75AE, #007246, #142634)
- Washed Ridge color palette (#E9F4F6, #7CC3B4, #A7528D, #007566, #110A19)
- Muted Lantern color palette (#E7FCEB, #4BA2CF, #5864A4, #713E28, #283F57)
- Washed Aubergine color palette (#E2F8FF, #77B1D7, #5074A8, #414989, #422975)
- Lilac Courtyard color palette (#F2F7F0, #8BD4C9, #AD76C1, #009487, #311D23)
- Petrol Station color palette (#EFF6FB, #D8DAE3, #BFBDC9, #417D95, #3F4950)
- Worn Lantern color palette (#D4E5EE, #00758B, #3B0084, #002C36, #02000C)
Browse the whole catalog at Explore, or see today's palette.