Petrol Harbor color palette — #EBF8F8 · #619979 · #416DA0 · #773544 · #243B35

Slate and Oxblood set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EBF8F8): bright and airy, almost weightless.
• Fern (#619979): A luminous, dusty teal — the color of glacier melt.
• Slate (#416DA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Oxblood (#773544): A full-bodied, balanced red — the color of late-summer berries.
• Forest (#243B35): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

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

• Muted Cocoa Coast color palette (#EEF6FE, #4A84AB, #606697, #78361F, #1D3535)
• Weathered Aubergine color palette (#ECF8F6, #689163, #1B7272, #5C407B, #2C3B2B)
• Terracotta Thicket color palette (#FDF1FA, #8DB390, #3E838B, #87413D, #2C4E51)
• Washed Pewter color palette (#F9F0E6, #AA7C43, #815E9D, #703751, #281B13)
• Ancient Lagoon Alley color palette (#E5F5F9, #308E83, #2D3F49, #122D32, #10181B)
• Tempered Cabin color palette (#EFF7F7, #D5DBDF, #B1A9B3, #628E70, #4B5554)
• Weathered Parlor color palette (#E6F9FF, #007577, #333AC0, #77000E, #112C10)
• Weathered Market color palette (#EEF7FC, #5CB4D0, #8973B9, #875379, #3D323B)

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