Muted Petrol Harbor color palette — #E7EBDC · #89BAD9 · #3070A1 · #00485B · #001630

Slate and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#E7EBDC): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#89BAD9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#3070A1): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#00485B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001630): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Muted Petrol Harbor 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

• Tempered Coast color palette (#F7EAF0, #8BB8D3, #3C68A7, #004F52, #262756)
• Washed Cobalt Dune color palette (#F0F3EB, #A3D3C6, #537EB4, #005677, #111F3D)
• Cypress Grove color palette (#ECEDE1, #6DA8A9, #00646D, #003A34, #000D11)
• Iris Hollow color palette (#FDE3FD, #B3C9FF, #9693DF, #005F8C, #291127)
• Denim Ridge color palette (#DBE6F3, #5799DF, #0059A9, #00234B, #000511)
• Wandering Lagoon Boulevard color palette (#EAEADE, #3C8683, #004448, #00201A, #000202)
• Olive Field color palette (#DDF0E8, #008ABD, #3A7E00, #004D6B, #061700)
• Linen Delta color palette (#E7F1FC, #006CC0, #84329E, #005951, #000B1C)

Browse the whole catalog at Explore, or see today's palette.