Petrol Harbor color palette — #CEE7E0 · #DD9062 · #126AB2 · #003A68 · #000302
A conversation between Royal Blue and Camel, giving this palette its sense of trust and stability.
The five colors
- Silver (#CEE7E0): A whisper-light, dusty teal — the color of sea glass.
- Camel (#DD9062): A luminous, balanced gold — the color of old brass.
- Royal Blue (#126AB2): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003A68): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Black (#000302): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Balance. Tagged luxury, dark.
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
- Weathered Blush color palette (#D8F2E4, #DE8A94, #007391, #003F51, #000302)
- Sapphire Orchard color palette (#ECD9EA, #CA9D57, #2962C5, #002F87, #070007)
- Amber Market color palette (#DEEFFD, #B58B24, #004A71, #001D30, #000307)
- Faded Nightshade color palette (#F5DCEF, #D6BF49, #5C75DC, #2E3EAA, #05092F)
- Cornflower Study color palette (#E4DDE2, #CCBBB9, #C0A08F, #5877E0, #271B24)
- Misty Quarry color palette (#EFDAE7, #63983B, #3D3A92, #120048, #050003)
- Feathered Drift color palette (#EDD7DF, #80CC9A, #8C5FC0, #57327F, #19030C)
- Aged Periwinkle Station color palette (#FCF1FC, #F5CDA6, #7096CE, #4A648A, #271E27)
Browse the whole catalog at Explore, or see today's palette.