Petrol Harbor color palette — #F6E8F1 · #48B2C8 · #006CA6 · #004C37 · #07083F
A conversation between Peacock and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Blush (#F6E8F1): a clean, paper-quiet neutral.
- Cyan (#48B2C8): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006CA6): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C37): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#07083F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Ancient Cabin color palette (#FAEAE2, #7BC3D4, #006F9D, #003F35, #00020C)
- Worn Sapphire Parlor color palette (#EEDFE5, #87B9D2, #016CED, #005A51, #1E1643)
- Cerulean Meadow color palette (#F4E9D9, #1C9FB9, #00516D, #00302E, #001527)
- Weathered Ultramarine color palette (#EADEE1, #6098C9, #4043BD, #003B3D, #100021)
- Weathered Cerulean Quarry color palette (#D0E3E0, #62BFD5, #0091B5, #006C72, #001722)
- Misty Harbor color palette (#F5EBF2, #86D2DF, #0090CF, #006F4B, #1C2B54)
- Feathered Pine Bloom color palette (#FAF2F9, #A5E9EB, #00ABDA, #00893F, #234166)
- Patina Lagoon Balcony color palette (#FAF3F5, #D7DDFB, #90A1DE, #008C8D, #434560)
Browse the whole catalog at Explore, or see today's palette.