Petrol Harbor color palette — #D4E3ED · #00759A · #18284D · #00131C · #000406
Teal and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D4E3ED): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#00759A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#18284D): A deep, shadowed, dusty violet — the color of wild irises.
- Ink (#00131C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000406): a grounded near-black with real depth.
Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Twilit Sapphire Pier color palette (#D9E4F2, #2B65CA, #2E2049, #010D2D, #000409)
- Inked Denim Pier color palette (#DEEDFA, #005B87, #2E2629, #0C1835, #00060E)
- Wandering Cerulean Villa color palette (#D2F1E2, #0093BF, #2E4372, #092E20, #0C140C)
- Washed Chapel color palette (#EBECFC, #8E76AA, #40364C, #1C1D2A, #090C13)
- Patina Cerulean Harbor color palette (#FAEDF6, #9ADDE2, #0091B4, #006548, #002743)
- Obsidian Navy color palette (#D1E3FD, #0035A4, #14012C, #070910, #000105)
- Worn Indigo color palette (#DFE2FF, #7272E3, #9E6800, #696400, #130F3D)
- Ancient Pine color palette (#E7F6ED, #97B370, #0F8045, #00575B, #182600)
Browse the whole catalog at Explore, or see today's palette.