Ancient Petrol color palette — #F8E9F3 · #85C4C5 · #00738C · #004029 · #000307

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

The five colors

• Blush (#F8E9F3): A whisper-light, dusty pink — the color of neon signs at night.
• Mint Leaf (#85C4C5): A luminous, dusty teal — the color of glacier melt.
• Teal (#00738C): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004029): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000307): 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 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

• Ultramarine Dune color palette (#F8E9EF, #89BDEA, #405FBD, #003D45, #030011)
• Muted Cobalt color palette (#FDF1FA, #91D9EA, #0084BA, #005347, #000B25)
• Washed Hollow color palette (#D6F5FF, #A2D6F9, #9C9BFF, #005F47, #000507)
• Patina Bloom color palette (#BAEFFF, #00ACC8, #005965, #00171D, #000102)
• Washed Coast color palette (#E1E2D1, #4DC4C7, #0094A1, #006E64, #00171D)
• Gentle Brick Lantern color palette (#D2F1FC, #008F98, #C0003A, #00454A, #040000)
• Antique Lagoon Bloom color palette (#F9E8DF, #29A2A3, #005364, #00321D, #001625)
• Dusty Corridor color palette (#D1F5FD, #007486, #A60034, #752400, #000102)

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