Muted Petrol color palette — #EFF8F1 · #FAE3B2 · #378291 · #00404B · #041309
A conversation between Slate and Peach Cream, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF8F1): a clean, paper-quiet neutral.
- Peach Cream (#FAE3B2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Slate (#378291): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#00404B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#041309): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, muted.
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
- Tempered Navy color palette (#FBF2FA, #FAE3B4, #5B77A5, #1F3762, #160B15)
- Timeworn Cerulean color palette (#EEF8F5, #CDDBCA, #618AAF, #1E5045, #0C1F1B)
- Weathered Azure Study color palette (#ECF9F3, #FFC3C9, #4C9FC7, #346A84, #18251F)
- Weathered Marigold Market color palette (#E9F8FF, #CDA95B, #005C6A, #083343, #131B28)
- Washed Quarry color palette (#E8F3FE, #EC96AC, #1E5987, #16293A, #060D14)
- Timeworn Mustard color palette (#E4FCF2, #EABC56, #006086, #002232, #000201)
- Timeworn Bloom color palette (#EEF8F3, #CCE1FF, #9F92D8, #0097C3, #1D0C15)
- Washed Denim color palette (#FFF0F8, #EACC8E, #6355A2, #291B54, #0C0006)
Browse the whole catalog at Explore, or see today's palette.