Softworn Petrol Harbor color palette — #E9F5F1 · #E3D6D7 · #D6B5BC · #0071AF · #142A24

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

The five colors

• Ivory (#E9F5F1): a clean, paper-quiet neutral.
• Silver (#E3D6D7): bright and airy, almost weightless.
• Rosewood Mist (#D6B5BC): A luminous, dusty red — the color of late-summer berries.
• Slate (#0071AF): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#142A24): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Cobalt Delta color palette (#EFF7F5, #EDD7DB, #D1B2C2, #096DB9, #334440)
• Ancient Indigo Meadow color palette (#F9EEF5, #E3D2CE, #D3B8B5, #565EC2, #321D2C)
• Aged Denim color palette (#EEE6EE, #D4C7CD, #B89B9E, #0053A4, #1D111D)
• Timeworn Azure Lantern color palette (#F1F6FB, #DBD9E4, #BAAEB6, #4796E2, #2B3642)
• Tempered Alley color palette (#DAE4D9, #90BCA8, #73729B, #306140, #003332)
• Nocturne Lapis Station color palette (#FBE3F3, #535BCD, #391C3D, #090B2C, #000503)
• Weathered Nightshade Station color palette (#FFEBF7, #7773DA, #5246B5, #4D3300, #001835)
• Olive Garden color palette (#FFEEE2, #BDA569, #5E7600, #623772, #2A1F00)

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