Ancient Petrol color palette — #EFF8F3 · #E3D7DA · #CAA9B5 · #296C87 · #343D39

Peacock and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF8F3): a clean, paper-quiet neutral.
• Silver (#E3D7DA): a clean, paper-quiet neutral.
• Rosewood Mist (#CAA9B5): A luminous, dusty rose — the color of pressed rose petals.
• Peacock (#296C87): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#343D39): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Cerulean Garden color palette (#EEF8F4, #E9D7DC, #D1BBBE, #4C87AD, #343D39)
• Patina Petrol color palette (#ECF3F9, #D5D5E1, #AFB7C9, #306B8E, #1B2127)
• Aged Nightshade color palette (#FDF1F9, #E1CCD2, #C995AE, #404FAB, #402B3B)
• Worn Driftwood Basin color palette (#FAF3F7, #E2D8D5, #AAAFA0, #9A758B, #565154)
• Wandering Denim Bloom color palette (#DAE2DF, #C7B2C0, #AD7F8C, #004A6E, #0C241D)
• Weathered Driftwood Drift color palette (#D2E5CD, #7EA6CC, #896B9D, #41603C, #30492F)
• Patina Fern color palette (#FEF3EC, #B49665, #636900, #53416A, #39352F)
• Charred Ultramarine color palette (#EEDEEC, #315DB8, #3C1826, #1E0C1D, #030B0B)

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