Ancient Petrol color palette — #F9F4EF · #CAE6EA · #8898C5 · #007C8E · #634A57

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Silver (#CAE6EA): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#8898C5): A luminous, dusty violet — the color of a velvet chair.
• Teal (#007C8E): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#634A57): A full-bodied, dusty rose — the color of strawberry cream.

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

• Weathered Cypress color palette (#FBF3F0, #CDE5E0, #67A2BD, #258066, #33514A)
• Wandering Periwinkle Delta color palette (#EBF4F3, #D6D9EC, #759ED5, #367292, #2C3746)
• Hushed Cerulean Thicket color palette (#FFF2ED, #C58481, #309C94, #008595, #48403D)
• Petrol Cabin color palette (#F5EDE8, #86BBCC, #006EA9, #005049, #1A2C54)
• Cerulean Atelier color palette (#FDF3EE, #9ADBE6, #008BBA, #006954, #1A416B)
• Softworn Lagoon color palette (#F7E8E0, #4B8D8F, #004454, #002415, #000A16)
• Rust Studio color palette (#FEF2EE, #D4A0A1, #52AB95, #AC5358, #1F584B)
• Ultramarine Meadow color palette (#F0E8E1, #7DA4C1, #1B4DB7, #003D43, #1D0E52)

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