Ancient Petrol color palette — #F4F7EB · #B4E0CD · #639CC4 · #007990 · #0F443A

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F4F7EB): a clean, paper-quiet neutral.
• Celadon Mist (#B4E0CD): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#639CC4): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007990): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#0F443A): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Petrol Coast color palette (#E8EAD5, #59B1BA, #007384, #004A47, #00171F)
• Wandering Drift color palette (#F3F7EC, #B8DED2, #6D99C9, #00769C, #4B2F4A)
• Hazy Cerulean color palette (#F4F8E4, #8AD9EC, #009BC2, #007178, #00384E)
• Gentle Sky color palette (#D8F7EA, #51B4E5, #75A55C, #007BA9, #223E11)
• Muted Corridor color palette (#F4F6EF, #CBE3E2, #8EBDAB, #56919D, #365149)
• Weathered Azure color palette (#C0F1E1, #379EDF, #9D73C5, #008B74, #003428)
• Faded Hollow color palette (#CDE9EF, #36BDE4, #008DB7, #00618B, #00395B)
• Cobalt Hollow color palette (#FBF3EE, #A5D0BD, #477BB6, #005F60, #2F3663)

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