Petrol Harbor color palette — #F6EBF1 · #77BCD6 · #006DAE · #00504B · #1F2C4E
Peacock takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#F6EBF1): a clean, paper-quiet neutral.
- Cyan (#77BCD6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006DAE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#1F2C4E): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Tempered Atelier color palette (#E8EAE0, #7CBED8, #00749F, #004A54, #001829)
- Cerulean Parlor color palette (#DFF4F1, #7BD2F2, #1B92C2, #006A77, #00314D)
- Worn Ultramarine Hollow color palette (#F0DFE4, #6EA4D3, #2949BB, #003D45, #1F1543)
- Timeworn Forest Chapel color palette (#FBF2F8, #9CDCD9, #008FA5, #006B3C, #0D4560)
- Sky Coast color palette (#F3EEE5, #B4DFC8, #61ADDF, #009095, #082E56)
- Blush Chapel color palette (#E8EDFF, #DEB1E1, #E5688F, #005A9A, #353353)
- Timeworn Thicket color palette (#F3E8F0, #2DA0AE, #00516C, #003125, #00142B)
- Cypress Loft color palette (#FAF3F6, #D8DEF0, #7A9CC3, #357B7A, #4A5364)
Browse the whole catalog at Explore, or see today's palette.