Ancient Petrol color palette — #EFF7F7 · #D7DBEC · #7A9DBD · #337891 · #3F546E

Slate and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D7DBEC): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#7A9DBD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#337891): A full-bodied, dusty blue — the color of deep harbor water.
• Peacock (#3F546E): A full-bodied, dusty blue — the color of open sky before noon.

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

• Cypress Chapel color palette (#E7F9FD, #7EBEB7, #9191CF, #00847C, #414C6C)
• Patina Periwinkle Atelier color palette (#F7EFF2, #D8D0E4, #7D9DD1, #27787D, #2F3648)
• Denim Boulevard color palette (#CFE3E2, #74A6C1, #005D8C, #003C4A, #00203D)
• Washed Thicket color palette (#FAF4EF, #C3E1F3, #90B3E8, #4F9397, #624A59)
• Aged Pier color palette (#E5FAFD, #5DA79C, #5B8EC0, #727E2F, #2B484D)
• Patina Veranda color palette (#E7FAF6, #72C7D1, #007B8F, #005654, #003948)
• Muted Lagoon color palette (#D9EAE6, #509E9C, #005459, #003129, #00181C)
• Worn Navy Workshop color palette (#D4E3E2, #6284A5, #00397D, #002030, #010030)

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