Petrol Harbor color palette — #A7EFF6 · #56AABD · #007795 · #004764 · #003052
Teal takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Sea Foam (#A7EFF6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#56AABD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007795): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004764): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#003052): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Pale Onyx Ridge color palette (#DAEEE4, #16B3A8, #006F82, #004267, #110054)
- Quiet Cobalt color palette (#E9F8FF, #69D5D6, #00ACCE, #007AB5, #003A4A)
- Faded Cerulean Quarry color palette (#C8F3FC, #008CB2, #004D6D, #002946, #001531)
- Aubergine Pier color palette (#D1F8F6, #0096AF, #00618D, #581A7D, #0C3548)
- Sunlit Cypress color palette (#B6F1C6, #63AA8D, #007E6A, #004E47, #033342)
- Navy Garden color palette (#DFF6FF, #7ABBE1, #3E7BAF, #00489F, #19347F)
- Patina Cypress color palette (#EFF7F9, #D2DAE4, #A1B7C2, #007370, #303D41)
- Navy Summit color palette (#B9F4D4, #4FC8C6, #0096B6, #005792, #142378)
Browse the whole catalog at Explore, or see today's palette.