Petrol Harbor color palette — #FEEEE8 · #5ECFD8 · #007CA7 · #00552F · #001642
Built around Cerulean, softened by Aqua — the whole palette hums with nature and growth.
The five colors
- Cream (#FEEEE8): a clean, paper-quiet neutral.
- Aqua (#5ECFD8): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#007CA7): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#00552F): A deep, shadowed, balanced teal — the color of glacier melt.
- Midnight (#001642): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, 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
- Sapphire Corridor color palette (#FEEFE1, #5EC8FF, #396BD3, #00524C, #1D0844)
- Timeworn Garden color palette (#F5F7E6, #7CC6CC, #007C8D, #005652, #003947)
- Cerulean Balcony color palette (#FFF0FB, #6CDFEB, #009AC5, #007558, #00355C)
- Dusty Denim color palette (#F1DDD4, #59AAB8, #005E8B, #003B27, #02052A)
- Weathered Cerulean color palette (#FAEFE9, #B0E6F8, #6692BD, #266C5A, #3B2334)
- Lagoon Meadow color palette (#D4F3DD, #009E86, #00696C, #003A4F, #001E3A)
- Feathered Loft color palette (#CFEDF3, #008090, #A93B00, #6B4400, #001115)
- Airy Wisteria Atelier color palette (#CCFDFF, #B8DBFF, #BE8DFE, #007746, #002635)
Browse the whole catalog at Explore, or see today's palette.