Muted Petrol color palette — #F1F4E1 · #7AC8E1 · #007DA3 · #005059 · #001D2D
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#F1F4E1): A whisper-light, dusty green — the color of fresh herbs.
- Sky (#7AC8E1): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#007DA3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005059): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001D2D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Worn Lagoon Orchard color palette (#F3F3E1, #9EDDDB, #00959D, #006356, #002B31)
- Hazy Petrol Villa color palette (#FDF1F8, #6DC5E1, #0074B0, #00574E, #102C6F)
- Chalky Sapphire color palette (#EDF6DF, #8FC0F1, #056CE1, #004C6D, #04114A)
- Hushed Denim Bloom color palette (#E1E5D7, #62A7C3, #005F86, #003842, #000C18)
- Weathered Navy Lantern color palette (#E4E8DB, #4B7EA4, #003C6F, #001D2A, #000106)
- Dusty Cypress Field color palette (#F1F3EB, #C5E1E1, #7AA798, #4D765E, #1E3D36)
- Sunlit Meadow color palette (#CAFFF1, #6CEEE8, #00BBCD, #007A56, #00221F)
- Petrol Terrace color palette (#C8EFE2, #00856A, #006C9D, #595500, #00130D)
Browse the whole catalog at Explore, or see today's palette.