Muted Petrol Field color palette — #E2F2F0 · #77C4DA · #007293 · #003D42 · #000306
A conversation between Teal and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#E2F2F0): bright and airy, almost weightless.
- Sky (#77C4DA): A luminous, balanced blue — the color of open sky before noon.
- Teal (#007293): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003D42): A deep, shadowed, dusty blue — the color of deep harbor water.
- 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 Field 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
- Soft Sapphire Workshop color palette (#DDF3F3, #86BCEE, #0F65C1, #003A52, #000113)
- Softworn Teal Study color palette (#DCF3ED, #62B2AE, #006164, #002C24, #000102)
- Muted Cobalt Station color palette (#E6FAF9, #98D4F9, #2180C1, #004E62, #000D20)
- Muted Cobalt Corridor color palette (#F8EAF3, #7CBBCE, #008CCD, #006E62, #000D3E)
- Ancient Azure Dune color palette (#E1FCF9, #D0DDF1, #00A5EB, #006F83, #002743)
- Turquoise Corridor color palette (#E7FAF6, #C9E3F2, #37C2D7, #008881, #003C49)
- Raspberry Hollow color palette (#EFE3FE, #D0309B, #856000, #6C004D, #020100)
- Weathered Delta color palette (#FFE9F3, #B47641, #7A3800, #3E1100, #020100)
Browse the whole catalog at Explore, or see today's palette.