Petrol Harbor color palette — #EAD9E6 · #6FADB7 · #007095 · #004C3B · #00142C
Peacock and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Silver (#EAD9E6): A whisper-light, dusty pink — the color of a candy shop window.
- Blue Fog (#6FADB7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#007095): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#00142C): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Powdered Ultramarine Archive color palette (#EDD9E1, #7BA8C7, #2D61C0, #00494F, #12063B)
- Patina Coast color palette (#F7EBE6, #6DC7D3, #007195, #003F30, #000309)
- Timeworn Villa color palette (#D4E8E4, #6EBECB, #0092AD, #006D6D, #001720)
- Worn Market color palette (#EAEBDC, #5D9BA4, #005362, #00302F, #001720)
- Worn Lagoon color palette (#CFEDDD, #00A276, #00644D, #002C20, #000402)
- Wandering Archive color palette (#F7EAF4, #8DD2D8, #2F93B3, #006F51, #003052)
- Patina Azure Harbor color palette (#DAEDDE, #4FC2B6, #1BA3DA, #566800, #001F16)
- Lagoon Ridge color palette (#FBF2F6, #D5DDF7, #89A6D1, #268A8E, #3C4764)
Browse the whole catalog at Explore, or see today's palette.