Ancient Petrol color palette — #EBF4F3 · #D0DAED · #6EA5BD · #30777F · #1F394C

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBF4F3): a clean, paper-quiet neutral.
• Silver (#D0DAED): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#6EA5BD): A luminous, dusty blue — the color of deep harbor water.
• Teal (#30777F): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#1F394C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Weathered Atelier color palette (#DBEEE9, #82C1BE, #007A80, #004C41, #001A1E)
• Cypress Boulevard color palette (#FAF4F0, #CCE5E3, #729FC0, #187F73, #624960)
• Abyss Delta color palette (#D4ECEA, #4B809A, #004060, #001E26, #000104)
• Lagoon Alley color palette (#FAF3F7, #D6D4E1, #B5C4F1, #619F95, #3D4E67)
• Pale Delta color palette (#E1F7F6, #ACD5F6, #3386D4, #005E7B, #012252)
• Softworn Meadow color palette (#F9EDFF, #E9D0DA, #E0B2BD, #9B8BAD, #453A49)
• Patina Coast color palette (#F7EDFF, #C785A2, #B97E51, #7470AB, #2D2333)
• Worn Atelier color palette (#F6EEFD, #D9A0B9, #B4995B, #965D78, #1F3825)

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