Petrol Harbor color palette — #EAFAE9 · #B0CABA · #7CAFA6 · #557596 · #495069
A conversation between Slate and Sage, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EAFAE9): A whisper-light, dusty green — the color of new leaves after rain.
- Stone (#B0CABA): A luminous, dusty teal — the color of glacier melt.
- Sage (#7CAFA6): A luminous, dusty teal — the color of glacier melt.
- Slate (#557596): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#495069): A full-bodied, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, 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
- Tempered Meadow color palette (#FFEEFD, #D9C0CC, #8FAD94, #47878B, #365368)
- Aged Sand Atelier color palette (#FFF3E6, #F0E4AD, #B7B698, #67827A, #5C4654)
- Washed Driftwood color palette (#ECF9F2, #A1D0C2, #769B73, #88647E, #284A41)
- Worn Cerulean color palette (#C3EDE8, #89BDC2, #5499A4, #7F5D7E, #503D58)
- Ancient Cerulean Workshop color palette (#F1F7F2, #D4DCF1, #70AADF, #008A98, #35476A)
- Timeworn Basin color palette (#CBE9E7, #4AA195, #1E7890, #772967, #4A1D27)
- Linen Ultramarine color palette (#F6ECD7, #A7BC78, #529867, #4058B8, #4C2676)
- Moss Canyon color palette (#E7FAF3, #B4BF79, #B194DB, #7D8900, #4B3766)
Browse the whole catalog at Explore, or see today's palette.