Petrol Harbor color palette — #F9EBE3 · #77C3DB · #006DA6 · #003E38 · #000113
A conversation between Peacock and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#F9EBE3): a clean, paper-quiet neutral.
- Sky (#77C3DB): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006DA6): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#003E38): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000113): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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 Ultramarine Bloom color palette (#F7ECE0, #8DBCE8, #3C56D7, #003C46, #030010)
- Hushed Denim color palette (#EFE0D8, #6AB0AE, #005F70, #002D18, #000103)
- Airy Sapphire color palette (#FFF3E8, #A1D3F3, #0C73F2, #005154, #09022F)
- Feathered Cerulean color palette (#D2E5E2, #4CC0E3, #008FBD, #006B77, #001624)
- Washed Basin color palette (#D6E3D8, #4E9BB2, #005071, #003030, #00142B)
- Powdered Plum color palette (#FADAEB, #B40084, #006A41, #004E48, #040002)
- Worn Periwinkle color palette (#FBF4EF, #BFE5F5, #47ADFF, #008079, #212C4E)
- Softworn Drift color palette (#F9F4EE, #C4E2F7, #9EB8FF, #2B91A1, #523545)
Browse the whole catalog at Explore, or see today's palette.