Ancient Petrol Harbor color palette — #D5E7E6 · #008192 · #004860 · #001A37 · #01000B
A conversation between Teal and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#D5E7E6): a clean, paper-quiet neutral.
- Teal (#008192): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004860): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001A37): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#01000B): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
Use it as a design system
One click turns Ancient 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
- Feathered Onyx Lagoon color palette (#D4F7FF, #007BA7, #00487F, #05005F, #010009)
- Ancient Pine color palette (#E5F4E5, #008766, #00443E, #001A1C, #000102)
- Lowlit Petrol Studio color palette (#CAE6E6, #006A7C, #003349, #00152C, #0C001E)
- Petrol Dune color palette (#D1E8FE, #0071AE, #863C00, #002E4B, #030100)
- Lowlit Nightshade Harbor color palette (#E1F1F8, #006DAD, #0D0FAB, #0F0045, #020006)
- Feathered Moss color palette (#F5E6DC, #40AD00, #0060B8, #0B0B15, #000104)
- Weathered Denim Courtyard color palette (#C7E4FE, #00598E, #6A3700, #472B00, #000103)
- Lilac Courtyard color palette (#DCEFFF, #A6B1E5, #A979B4, #004D54, #000108)
Browse the whole catalog at Explore, or see today's palette.