Muted Petrol color palette — #E4F6F7 · #349173 · #0F6998 · #6C2B46 · #00150E
Peacock and Fern set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E4F6F7): a clean, paper-quiet neutral.
- Fern (#349173): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#0F6998): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Mulberry (#6C2B46): A deep, shadowed, balanced rose — the color of a warm blush.
- Ink (#00150E): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Balance. Tagged jewel, vibrant, 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
- Antique Market color palette (#E2F5FF, #0394AA, #4755A1, #68292B, #001513)
- Ancient Jade Quarry color palette (#FFEBF7, #75AC79, #007A83, #6A3144, #02292B)
- Worn Orchard color palette (#E5F7EE, #7D7B2E, #006E72, #4F346B, #081A0B)
- Timeworn Archive color palette (#E4F6F6, #46A277, #715398, #632A46, #2F1800)
- Muted Mulberry Meadow color palette (#F3F7EB, #5CA77C, #1E7BBD, #92315C, #2D2709)
- Timeworn Delta color palette (#C7E5EC, #00716D, #69006C, #352000, #000406)
- Quiet Nightshade color palette (#D3F8FE, #007A6B, #3710AE, #460047, #060500)
- Washed Lagoon color palette (#E1F2F4, #008873, #153543, #05191C, #010807)
Browse the whole catalog at Explore, or see today's palette.