Ancient Petrol color palette — #DDF0EC · #57B1B6 · #008392 · #005E57 · #000B10

Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Honeydew (#DDF0EC): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#57B1B6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#008392): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005E57): A full-bodied, dusty teal — the color of shallow lagoons.
• Ink (#000B10): 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

• Patina Aqua color palette (#CDE5E1, #24C6D6, #0093AA, #006D6A, #00171F)
• Softworn Teal Pier color palette (#F3E4EE, #34A4AB, #00627A, #003D2A, #000A16)
• Airy Cobalt color palette (#DEF0EF, #6CA7D5, #0076CF, #005976, #00071F)
• Patina Lagoon color palette (#F4ECF3, #36868B, #004159, #00210E, #000106)
• Dusty Pine color palette (#D0F3DC, #5FBFA1, #16ADA6, #377C35, #00140A)
• Tempered Emerald Meadow color palette (#D6EEDE, #00A56C, #00764D, #004429, #000201)
• Hushed Coast color palette (#D4E4E3, #90C6F5, #5395E0, #0077A0, #091D43)
• Softworn Emerald color palette (#DDF3DD, #009929, #0077B8, #006718, #000610)

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