Muted Petrol Harbor color palette — #F0F6FB · #D6D8E6 · #A4B5CA · #006C96 · #333C43

Built around Peacock, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F6FB): a clean, paper-quiet neutral.
• Silver (#D6D8E6): bright and airy, almost weightless.
• Ash (#A4B5CA): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006C96): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#333C43): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Worn Petrol color palette (#EAF3F9, #D4D5E4, #B1B7C6, #2B6D86, #1A2227)
• Softworn Archive color palette (#EEF8F3, #E7D8DD, #D4BABC, #4F89A0, #323E38)
• Ancient Drift color palette (#F2F5FD, #CAD1EC, #9FA3CB, #4A4BAD, #2A3246)
• Denim Villa color palette (#E0E5EA, #AFBAC7, #808FA7, #004874, #11212F)
• Antique Loft color palette (#E7FAF9, #71A894, #007363, #1F5360, #133C3F)
• Tempered Meadow color palette (#D2E1FF, #ACA5D6, #806690, #694E6B, #563A50)
• Indigo Parlor color palette (#EEF6FF, #6ACAFF, #5AA9FF, #5E66D6, #20334E)
• Ultramarine Delta color palette (#DCE9FB, #285FB8, #1D2343, #071425, #04040A)

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