Petrol Harbor color palette — #FFF1F7 · #B68364 · #788657 · #006C79 · #4B3641

Teal and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Caramel (#B68364): A luminous, dusty gold — the color of old brass.
• Driftwood (#788657): A full-bodied, dusty green — the color of a quiet forest floor.
• Teal (#006C79): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#4B3641): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Denim Study color palette (#EDF9F0, #A68D4F, #628B63, #256396, #324236)
• Olive Field color palette (#FFF1F7, #A8724B, #61702A, #005271, #3A2F41)
• Tempered Lantern color palette (#FCEFE4, #BB895C, #5A9358, #2D6B5E, #2B2016)
• Timeworn Denim Bloom color palette (#FAF2FA, #C3848B, #4B7E57, #524987, #3F3E60)
• Nightshade Chapel color palette (#EAFBEB, #A07A37, #00808D, #57448A, #263828)
• Dusty Denim color palette (#EDF9EF, #BD9BBA, #90713E, #435888, #56404E)
• Wandering Jade color palette (#FDF1F6, #D1A072, #73AC73, #488879, #4A373E)
• Dusty Plum Parlor color palette (#F8F3FA, #E6AEBC, #75854F, #AA4566, #21322D)

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