Petrol Harbor color palette — #EDF4F0 · #CDDCDE · #D3BBC0 · #3F7E99 · #232F2A

Slate takes the lead with Stone close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#EDF4F0): bright and airy, almost weightless.
• Silver (#CDDCDE): bright and airy, almost weightless.
• Stone (#D3BBC0): A luminous, dusty red — the color of embers at dusk.
• Slate (#3F7E99): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#232F2A): a grounded near-black with real depth.

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

Use it as a design system

One click turns 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

• Washed Delta color palette (#EEF7FB, #DADAE5, #C4BCCB, #547A8E, #40494E)
• Muted Cabin color palette (#F9EEF4, #E3D1CF, #D6B5BB, #635DB3, #301F29)
• Weathered Bloom color palette (#F2F3E7, #8EC1A6, #228676, #425C4A, #242A18)
• Dusty Chestnut color palette (#D6F5EB, #C3AABB, #A17685, #7A4A0E, #34312A)
• Weathered Denim color palette (#F8EEF9, #E2CCDC, #ABA3D8, #005CA4, #221424)
• Turquoise Summit color palette (#F0F7F3, #E2D3D0, #A69F94, #5DAAC2, #39423D)
• Worn Cobalt Pier color palette (#F2E3F2, #3B75C3, #442539, #1D111D, #030806)
• Dusty Corridor color palette (#D9E8E3, #AC99AA, #917085, #003A59, #000604)

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