Muted Petrol color palette — #CCF3FF · #007897 · #004964 · #002B44 · #000916
A conversation between Teal and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#CCF3FF): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007897): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004964): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#002B44): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000916): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged 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
- Petrol Study color palette (#D5E5F0, #006FB1, #004981, #002256, #00022E)
- Timeworn Cypress color palette (#DDF0E9, #007969, #00504A, #002F2F, #00090A)
- Twilit Lantern color palette (#C8EFF7, #006379, #00354C, #00162D, #060119)
- Sunlit Thicket color palette (#CCE3F6, #006FA9, #960E78, #003C5E, #11000B)
- Wandering Aubergine color palette (#D1E6FF, #0058A2, #770092, #004842, #000206)
- Weathered Villa color palette (#E3EFFF, #8AA3EB, #817CC5, #004B73, #020B28)
- Soft Sapphire color palette (#D9ECF9, #209AF9, #0071D5, #274E99, #212D5B)
- Ultramarine Alley color palette (#DCE7F3, #0068D3, #0028CF, #12046B, #040022)
Browse the whole catalog at Explore, or see today's palette.