Petrol Harbor color palette — #FDE8FB · #CFABBC · #74917B · #3A6A7C · #355167
Built around Peacock, softened by Peacock — the whole palette hums with sophistication.
The five colors
- Blush (#FDE8FB): A whisper-light, dusty pink — the color of neon signs at night.
- Rosewood Mist (#CFABBC): A luminous, dusty rose — the color of strawberry cream.
- Eucalyptus (#74917B): A luminous, dusty teal — the color of sea glass.
- Peacock (#3A6A7C): A full-bodied, dusty blue — the color of deep harbor water.
- Peacock (#355167): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Sophistication. Tagged vintage, retro, 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 Basalt color palette (#FFF1F5, #A5C1B0, #648C84, #4A607A, #4D4061)
- Weathered Stone color palette (#FFF1F1, #EED1BB, #C6B38E, #809384, #39534A)
- Timeworn Taupe color palette (#FFF1F3, #DBB8AD, #B29B69, #866A81, #594655)
- Patina Cypress Loft color palette (#ECF8F5, #8BBAB7, #3A836B, #744B5E, #284947)
- Airy Denim color palette (#FFE1AA, #ACA974, #5B855C, #375790, #504270)
- Cobalt Harbor color palette (#F1F7F2, #C8DFF7, #6B8AC4, #006D88, #40446A)
- Pale Field color palette (#F1D9CF, #B38F5D, #6C7139, #00546E, #163B7E)
- Denim Balcony color palette (#C7EDD7, #7CAB9E, #4F868B, #494E81, #5A3549)
Browse the whole catalog at Explore, or see today's palette.