Ancient Petrol color palette — #F9F4ED · #C4E2F7 · #88A6DD · #007B98 · #262A4E

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

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Powder Blue (#C4E2F7): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#88A6DD): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#007B98): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#262A4E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Washed Turquoise Alley color palette (#FBF4E9, #BEE4ED, #4AB5D4, #1F7F70, #013349)
• Lagoon Lagoon color palette (#FCF4EB, #C0EBDE, #9DACF5, #009FA4, #432F5C)
• Hushed Pier color palette (#F4EDE2, #87C1D4, #00709C, #003E3E, #000309)
• Muted Cobalt color palette (#F0F7F1, #ABC8E5, #5076BE, #005C73, #2D3A57)
• Patina Cerulean Archive color palette (#FCF4E8, #9BD9DA, #00899E, #005342, #000F17)
• Antique Coral Pier color palette (#FFF2EE, #F27D84, #6DA858, #477ECE, #2F1108)
• Driftwood Quarry color palette (#F9F4EE, #C5DEED, #DFC0DF, #759C85, #5A4655)
• Powdered Boulevard color palette (#FFF2EE, #FAA3AE, #25BEAF, #B94D62, #002F2B)

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