Ancient Petrol color palette — #F3EADD · #6EADAD · #008394 · #005F4A · #000B11

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F3EADD): bright and airy, almost weightless.
• Turquoise (#6EADAD): A luminous, dusty teal — the color of sea glass.
• Cerulean (#008394): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005F4A): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#000B11): 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

• Antique Spruce color palette (#F2E2DD, #649E9E, #00627C, #003F15, #00091A)
• Misty Cobalt color palette (#F6ECDE, #79A7C5, #0C74D2, #005B69, #02012C)
• Tempered Olive Station color palette (#DCEADD, #50BDA2, #00AAB1, #546E11, #00160C)
• Ancient Lagoon color palette (#D6E3D8, #1E898A, #00444D, #002017, #000203)
• Emerald Market color palette (#D2EDD9, #00AA69, #007543, #00421A, #000201)
• Azure Harbor color palette (#F8EFDF, #8CC8F2, #5994DE, #007A8F, #0F174D)
• Sky Boulevard color palette (#F6EDE0, #B3E0C5, #28B2ED, #00918F, #023053)
• Quiet Station color palette (#DFE2C3, #54A840, #A240B4, #145100, #0E0012)

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