Muted Petrol color palette — #F4EDE2 · #88C2C7 · #007389 · #003F34 · #000306
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#F4EDE2): a clean, paper-quiet neutral.
- Ash (#88C2C7): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007389): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#003F34): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000306): quiet, heavy and certain.
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
- Ultramarine Basin color palette (#F6EDDE, #89BDE8, #2F64B8, #003C4A, #010014)
- Hushed Cobalt Orchard color palette (#FAF4EC, #95D7EC, #0084B6, #005151, #000D1E)
- Mulberry Corridor color palette (#CAE4EA, #007486, #940088, #514100, #000102)
- Antique Periwinkle Terrace color palette (#D5FCE0, #94D7FF, #8FA5F2, #00625B, #00080D)
- Antique Brick color palette (#DBF0DF, #008F9B, #C00F1B, #00454B, #050000)
- Cerulean Pier color palette (#F2E7F1, #079CA6, #00506D, #002E16, #000313)
- Sunlit Forest Hollow color palette (#F0E0DA, #71BFC3, #0090BB, #007239, #001231)
- Azure Delta color palette (#FCF4E8, #D0E9FF, #00A9DA, #00736C, #002741)
Browse the whole catalog at Explore, or see today's palette.