Ancient Petrol color palette — #F4E6DD · #80BDD9 · #2C6EAD · #004B4A · #0B1038

Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Parchment (#F4E6DD): bright and airy, almost weightless.
• Sky (#80BDD9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#2C6EAD): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004B4A): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#0B1038): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Petrol Cabin color palette (#EDF0E5, #88B9D1, #0070A0, #004E5C, #003051)
• Antique Field color palette (#F9F0E8, #A0D4C3, #5C7BB5, #005A61, #321428)
• Hushed Canyon color palette (#F9ECE5, #68AAA6, #006372, #003C1E, #000C16)
• Weathered Cabin color palette (#FAEFEA, #90E0E0, #0092AE, #006641, #00283F)
• Azure Alley color palette (#EAF9F7, #D1DCFA, #4B9BCA, #00677A, #002039)
• Muted Lilac color palette (#D2F7E8, #B2C4F1, #B086C1, #006E6F, #2A122D)
• Cerulean Grove color palette (#D4E5E3, #0095A3, #00607A, #003758, #000C3A)
• Timeworn Studio color palette (#CCE5FF, #4C9AE7, #005DA6, #002C48, #00040D)

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