Ancient Petrol Harbor color palette — #F4F7E5 · #80C3D6 · #00799A · #00555B · #00384F
A conversation between Teal and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#F4F7E5): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#80C3D6): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00799A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00555B): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Teal (#00384F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Cobalt Canyon color palette (#FDEEE6, #5ECCE6, #007AAE, #005347, #001740)
- Cobalt Alley color palette (#F2F8E5, #87BEEB, #006EC7, #00516D, #002C76)
- Tempered Denim Harbor color palette (#EDEFE3, #7EAA92, #00607F, #003D44, #002235)
- Hazy Sky Alley color palette (#DFFCF8, #95E8FF, #00BCED, #0096A0, #00384F)
- Hushed Studio color palette (#F4F6EF, #C7E5E4, #69A1C2, #307A89, #345149)
- Azure Archive color palette (#FFF0FA, #6DDCF7, #0096D7, #007465, #0C3067)
- Navy Workshop color palette (#ECF0E3, #6095BF, #004A88, #002D3E, #001135)
- Linen Orchard color palette (#FFDADC, #C84EA9, #0077B1, #88006F, #00314D)
Browse the whole catalog at Explore, or see today's palette.