Ancient Petrol color palette — #D0F3F9 · #509C9D · #0F7488 · #36425F · #1C1E36
Built around Teal, softened by Storm Blue — the whole palette hums with trust and stability.
The five colors
- Frost (#D0F3F9): A whisper-light, dusty blue — the color of deep harbor water.
- Storm Blue (#509C9D): A luminous, dusty teal — the color of glacier melt.
- Teal (#0F7488): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#36425F): A deep, shadowed, dusty violet — the color of a velvet chair.
- Midnight (#1C1E36): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.
Use it as a design system
One click turns Ancient Petrol 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 Azure Hollow color palette (#C9E6F3, #5D98C7, #536A93, #543756, #241730)
- Jade Grove color palette (#E6F1DE, #68A66C, #33686B, #05475C, #001F3C)
- Worn Petrol Harbor color palette (#D8F5F5, #258394, #1D5673, #33224F, #1E0027)
- Petrol Balcony color palette (#C5E8F1, #1C769B, #234265, #2D1538, #020B00)
- Worn Byzantium color palette (#DFF3FB, #008FA1, #8840C2, #00505A, #1C0130)
- Patina Boulevard color palette (#A8ECFF, #00A7C5, #00677E, #002F39, #000609)
- Worn Aqua color palette (#D9EEEA, #62C5CB, #007987, #004C47, #001A20)
- Wandering Study color palette (#DFF4FF, #96C7DF, #7090AF, #555371, #3A3446)
Browse the whole catalog at Explore, or see today's palette.