Ancient Petrol color palette — #E6F1F0 · #81BBD0 · #007299 · #004E58 · #00314C

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

The five colors

• Cream (#E6F1F0): a clean, paper-quiet neutral.
• Ash (#81BBD0): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#007299): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004E58): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Teal (#00314C): 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

• Antique Petrol color palette (#F2E5EC, #7FBED4, #0071B0, #004C46, #061237)
• Weathered Cobalt color palette (#FBEBE1, #7AD2F1, #038DDA, #006D65, #1F2C4D)
• Washed Study color palette (#EAF9F5, #8AE0DB, #009196, #006858, #004951)
• Dusty Cerulean color palette (#D7E6E3, #549CA6, #005362, #00302F, #001720)
• Petrol Station color palette (#EFF7F6, #D5DCED, #6CA0C2, #32798A, #425566)
• Softworn Lagoon color palette (#F8EAF2, #ADDAF5, #74A8E2, #00937B, #272851)
• Antique Coral color palette (#F9E9FF, #F6B3BA, #DC786A, #843664, #3C283F)
• Airy Garden color palette (#E6D7F3, #C54A8E, #856500, #840056, #352700)

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