Ancient Petrol color palette — #EDF4EF · #D6DAEB · #7B9FC9 · #247787 · #28364F

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

The five colors

• Cream (#EDF4EF): a clean, paper-quiet neutral.
• Silver (#D6DAEB): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#7B9FC9): A luminous, dusty blue — the color of deep harbor water.
• Teal (#247787): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#28364F): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Denim Harbor color palette (#DEEBE0, #71A4BF, #005B99, #00383F, #00042D)
• Washed Cerulean Parlor color palette (#E9F3FD, #D9D5E3, #B7B1A8, #4D8FA8, #35404F)
• Weathered Loft color palette (#E1EDE3, #91BACD, #007697, #004C46, #001829)
• Patina Ash color palette (#FAF4EF, #C9E8E9, #8099CA, #407A75, #634A57)
• Wandering Station color palette (#E7F4FF, #8CB9DC, #BF9266, #0078B7, #482332)
• Patina Olive color palette (#E8F3FF, #71A1D0, #B97883, #65843E, #1B2937)
• Cerulean Atelier color palette (#EAF5EC, #A9D9E8, #0092AB, #006452, #002939)
• Lagoon Grove color palette (#DDEDE0, #519797, #00535E, #002D21, #000509)

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