Ancient Petrol color palette — #EAECE1 · #5CADC4 · #0080A4 · #005C63 · #000B13

Cerulean and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EAECE1): a clean, paper-quiet neutral.
• Cyan (#5CADC4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0080A4): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005C63): A full-bodied, dusty blue — the color of deep harbor water.
• Ink (#000B13): 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

• Wandering Harbor color palette (#DDE0D5, #5DBEE0, #008EC1, #006B79, #001625)
• Misty Sapphire color palette (#ECF1E3, #71A6D6, #0071DC, #00587A, #000427)
• Washed Pier color palette (#F7E9E2, #589EB1, #005E8B, #003C34, #000623)
• Tempered Loft color palette (#F1E0D6, #2E849B, #003E6A, #002018, #01000B)
• Tempered Grove color palette (#EDF0E5, #ABDAFC, #4AAAFF, #008BB2, #172E4E)
• Soft Summit color palette (#F2EDFF, #C694E5, #C26CC4, #605AA8, #150623)
• Softworn Aqua Meadow color palette (#F6F6EB, #CCEAC9, #00CAD1, #17A28B, #24422D)
• Wandering Byzantium Studio color palette (#F2EBFF, #8643D1, #BC0051, #006087, #03000A)

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