Petrol Archive color palette — #ECF3F9 · #D7D7E4 · #C0BACC · #527A98 · #272D32

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

The five colors

• Ivory (#ECF3F9): a clean, paper-quiet neutral.
• Silver (#D7D7E4): bright and airy, almost weightless.
• Ash (#C0BACC): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#527A98): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#272D32): 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 Petrol Archive 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

• Aged Lagoon color palette (#DBEBFF, #B2BDDD, #86829E, #516551, #203C30)
• Patina Petrol Garden color palette (#EFF7F4, #DED4D2, #CDB7B6, #447B9E, #3D4B46)
• Ancient Pewter Garden color palette (#F2F1F9, #DED2DB, #C0B1C7, #7B5385, #201F2A)
• Muted Navy color palette (#E2E9F2, #94A0B8, #757A94, #003669, #01040C)
• Ultramarine Studio color palette (#EDF2FB, #CBD3EB, #A7A9C5, #2E54AE, #0D1A2E)
• Timeworn Stone color palette (#EBF5ED, #BAB685, #6E7B50, #3F5968, #172D22)
• Aubergine Loft color palette (#E2DEEC, #B9AEC1, #99869B, #622A5E, #0C0813)
• Muted Indigo color palette (#DCE6F7, #4C67E1, #2C2F43, #0F1622, #03070B)

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