Ancient Petrol color palette — #E2F2F1 · #87BAD0 · #00719E · #004E5A · #00314F
Built around Peacock, softened by Deep Teal — the whole palette hums with trust and stability.
The five colors
- Cream (#E2F2F1): a clean, paper-quiet neutral.
- Ash (#87BAD0): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#00719E): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004E5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#00314F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Washed Petrol Hollow color palette (#EFE6EB, #95B9CF, #286FAA, #004B48, #070C41)
- Gentle Azure color palette (#EDF0E2, #A2DDF7, #1CB1F2, #008EA3, #02314E)
- Washed Cobalt Lagoon color palette (#F6ECE6, #A1D1BA, #368BD3, #006C68, #1F2A54)
- Lagoon Villa color palette (#EAF9F5, #9EDBD9, #009198, #00685A, #004952)
- Patina Terrace color palette (#D7F0EC, #359FAF, #005364, #003030, #001720)
- Tempered Petrol Harbor color palette (#EEF7F7, #D6DCED, #749FBE, #36798B, #3E556C)
- Chalky Mulberry Market color palette (#E7D7F4, #BE538C, #006CBE, #840056, #002A4F)
- Coral Workshop color palette (#FBEDFF, #E4B0B1, #DA846F, #873E62, #412B43)
Browse the whole catalog at Explore, or see today's palette.