Petrol Harbor color palette — #EAF4F1 · #ECD5DB · #CEB7C5 · #36709C · #152A24

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

The five colors

• Cream (#EAF4F1): bright and airy, almost weightless.
• Silver (#ECD5DB): A whisper-light, dusty rose — the color of pressed rose petals.
• Stone (#CEB7C5): A luminous, dusty pink — the color of peonies in June.
• Slate (#36709C): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#152A24): A deep, shadowed, dusty teal — the color of sea glass.

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

• Hushed Market color palette (#FAEEF4, #E9D1CC, #D3B7BA, #6C5DA9, #2F2027)
• Ancient Cypress Coast color palette (#EDF4ED, #C1E0DC, #ABC7BB, #007B7B, #1D281D)
• Aged Petrol Study color palette (#EDF7FF, #D9D7E8, #B7BAD2, #0072A7, #33424E)
• Denim Lantern color palette (#EDE7ED, #D5C6D1, #B899A8, #2C5689, #1C121D)
• Azure Basin color palette (#EBF9F3, #E7D4CF, #A8A395, #469CC7, #2B3933)
• Dusty Chestnut Quarry color palette (#D3E4FF, #A7A7E8, #95739B, #754E02, #2A2E03)
• Aged Olive color palette (#FCF0DF, #B2AB4E, #5D7600, #215365, #291F00)
• Ancient Cornflower color palette (#FFEAFE, #197EF8, #902C77, #552E00, #001F03)

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