Ancient Petrol color palette — #F1F3EC · #C6E4DA · #6C91BA · #006789 · #3B213B

A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#C6E4DA): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#6C91BA): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006789): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#3B213B): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, 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 Cerulean Garden color palette (#F1F3EC, #C9E3D8, #5495C2, #00697F, #03342C)
• Timeworn Station color palette (#E9F6E7, #59B5B0, #8B82CC, #007470, #272049)
• Washed Denim color palette (#F0F2E4, #65A8B5, #006277, #00393A, #000D14)
• Wandering Cerulean color palette (#FAF4EE, #C6DEEF, #9EBAF8, #0093A2, #553346)
• Petrol Boulevard color palette (#F2F4E0, #83C9D1, #008093, #00524F, #001E27)
• Feathered Veranda color palette (#E9F7E2, #499F8E, #3E85BC, #6D7100, #132408)
• Timeworn Lagoon color palette (#D5E7C2, #67B9A3, #009382, #005853, #003233)
• Antique Lagoon color palette (#E9F6EA, #B7E7E1, #AEC7F0, #008D81, #1D3926)

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