Ancient Petrol Villa color palette — #ECF8F7 · #D9DDE8 · #7AACD5 · #1F7A94 · #122F4F

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF8F7): bright and airy, almost weightless.
• Silver (#D9DDE8): a clean, paper-quiet neutral.
• Blue Fog (#7AACD5): A luminous, balanced blue — the color of deep harbor water.
• Teal (#1F7A94): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#122F4F): 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 Villa 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 Turquoise Workshop color palette (#EDF8F5, #D2E0ED, #3BBAC2, #008170, #00353D)
• Tempered Petrol Bloom color palette (#DBF4F0, #6AC7D4, #007488, #003E3D, #000305)
• Lagoon Courtyard color palette (#FBF2F6, #C3E5FF, #8AB4EE, #009FA4, #33365E)
• Patina Courtyard color palette (#D3E4E3, #6EA9D5, #065794, #002938, #000105)
• Muted Cobalt color palette (#F4F6EF, #A2D1BF, #297EBB, #005C73, #203C5C)
• Patina Cobalt color palette (#E6FAF9, #A1D1FF, #3079D6, #004D6C, #000236)
• Ancient Courtyard color palette (#F8F0EA, #A3D4C0, #377BD3, #005B5D, #311529)
• Pale Bronze Garden color palette (#D9FFF2, #9AB253, #00ACA2, #BC620A, #002219)

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