Washed Petrol Harbor color palette — #EDF8F4 · #F1D8E1 · #CBB4C8 · #357098 · #35433F

A conversation between Slate and Rosewood Mist, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF8F4): bright and airy, almost weightless.
• Shell Pink (#F1D8E1): A whisper-light, dusty rose — the color of a warm blush.
• Rosewood Mist (#CBB4C8): A luminous, dusty pink — the color of peonies in June.
• Slate (#357098): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#35433F): 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 Washed 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

• Petrol Archive color palette (#EBF4F0, #E8D5DB, #D3B5C9, #0473A3, #152A23)
• Antique Cerulean color palette (#ECF7FF, #D7D8E7, #C1BBD4, #3190C1, #32424E)
• Cypress Station color palette (#EEF8EE, #C2E3DC, #A8C4B2, #007A78, #364435)
• Timeworn Harbor color palette (#F3ECF4, #D6C7D4, #AD9AA8, #1B578F, #342A36)
• Driftwood Thicket color palette (#FCF2F4, #E4D7D3, #AFB0A6, #9F747F, #575052)
• Dusty Driftwood Alley color palette (#E5E8FF, #B09ED3, #9773A1, #844C4B, #6A3D2E)
• Antique Aubergine Market color palette (#E7DCE1, #C09FAA, #97747D, #3E246E, #200D16)
• Soft Indigo Lagoon color palette (#FFF0FE, #93D3FF, #73ADFF, #766EE0, #1B2F5B)

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