Petrol Archive color palette — #EFF7F5 · #EBD8DE · #CEB2C9 · #0070AF · #30453F

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

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#EBD8DE): A whisper-light, dusty rose — the color of strawberry cream.
• Rosewood Mist (#CEB2C9): A luminous, dusty pink — the color of neon signs at night.
• Slate (#0070AF): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#30453F): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Patina Cobalt Lagoon color palette (#EDF7FF, #D9D8E9, #CCB9DE, #1290CA, #33424D)
• Softworn Petrol color palette (#EBF4F0, #E7D5D9, #DBB2C5, #0073A4, #172923)
• Weathered Cobalt Garden color palette (#FAF3F6, #E0D7D7, #CABBB8, #716BA6, #4F444A)
• Petrol Summit color palette (#F0F7F2, #C9DFDE, #A4C5B7, #007889, #35443A)
• Denim Bloom color palette (#F3ECF3, #D4C8D1, #B396AA, #0252A5, #362837)
• Lapis Quarry color palette (#F5DFF0, #3F55DC, #27244D, #0C1437, #18080D)
• Nightshade Station color palette (#E3DDE1, #C3B4BC, #A18591, #353493, #271B23)
• Terracotta Thicket color palette (#F3EBFF, #C9A4D5, #9F6B90, #90472F, #714212)

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