Petrol Harbor color palette — #FFF4E2 · #6CC9D0 · #007B92 · #005749 · #00384E
A conversation between Teal and Aqua, giving this palette its sense of trust and stability.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Aqua (#6CC9D0): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007B92): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005749): A full-bodied, dusty teal — the color of glacier melt.
- Deep Teal (#00384E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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
- Cerulean Dune color palette (#FBF4E9, #B4CDB5, #00879A, #00624D, #184432)
- Wandering Cobalt Grove color palette (#FDF4E6, #78C2EA, #0071BF, #00545E, #132D6C)
- Petrol Hollow color palette (#FEEEE8, #88C8CD, #007CA6, #00552E, #001741)
- Muted Periwinkle color palette (#E4FAFF, #8AD2FF, #86A6FF, #00716C, #004259)
- Airy Quarry color palette (#FCF4E8, #AADAC8, #3783CB, #006571, #263D72)
- Wandering Thicket color palette (#D5F5FF, #00ADD8, #00647D, #003746, #001E27)
- Cypress Hollow color palette (#F9F4EE, #CAE6E2, #79A490, #3D7B75, #355149)
- Dusty Turquoise Terrace color palette (#EDF9EF, #97EAF0, #00BEE0, #009A83, #00384E)
Browse the whole catalog at Explore, or see today's palette.