Petrol Harbor color palette — #F0E7E1 · #82BED0 · #0072AA · #004C44 · #031337
Built around Slate, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Parchment (#F0E7E1): a clean, paper-quiet neutral.
- Ash (#82BED0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#0072AA): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C44): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#031337): A deep, shadowed, dusty violet — the color of wild irises.
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
- Hazy Study color palette (#EFE8DF, #94B7D9, #3F5DD5, #004A54, #170E31)
- Aged Petrol Garden color palette (#EEF0E5, #70BED8, #007297, #004E57, #00324B)
- Washed Cobalt color palette (#F7F0EC, #A6D3C0, #457EBE, #005B5B, #31152A)
- Dusty Azure color palette (#EAF9F7, #C7E2FF, #00A0CF, #006872, #002133)
- Washed Market color palette (#F5E2DA, #1A9CA6, #005168, #002D1F, #00050D)
- Periwinkle Chapel color palette (#F7F0EC, #C8E3E3, #72A1CE, #247975, #422F3E)
- Blush Bloom color palette (#FFE7F6, #E3BFED, #E76D90, #00679E, #270C17)
- Antique Quarry color palette (#EEE1D5, #457FA3, #003682, #001F21, #01000A)
Browse the whole catalog at Explore, or see today's palette.