Ancient Petrol color palette — #E1F3F1 · #7FBAD8 · #0070A2 · #004D5D · #003053

Peacock and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E1F3F1): a clean, paper-quiet neutral.
• Sky (#7FBAD8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#0070A2): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Navy (#003053): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. 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

• Timeworn Boulevard color palette (#F0E6EB, #89BBD5, #2C6DB1, #004B4B, #0D0F38)
• Ancient Alley color palette (#EBF8F8, #ADC8E1, #447CB4, #005B78, #233B5E)
• Sunlit Azure Quarry color palette (#EDF0E6, #9FDDFB, #25AFF7, #008DA7, #003053)
• Ancient Grove color palette (#DBE9E6, #58AFAC, #006468, #003F35, #00242A)
• Petrol Thicket color palette (#EDF8F7, #D6DBEC, #7F9DB9, #447788, #41546A)
• Muted Navy color palette (#D9ECEB, #5A84AC, #003A79, #00202F, #00022C)
• Wisteria Lagoon color palette (#ECEDFF, #E7C1EE, #D486BE, #624B91, #373254)
• Faded Thicket color palette (#D4DDFA, #7B6ECF, #007A77, #492C9F, #00302F)

Browse the whole catalog at Explore, or see today's palette.