Petrol Archive color palette — #FFF1F2 · #C999BE · #298FA1 · #4770A4 · #422D36

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Mauve (#C999BE): A luminous, dusty pink — the color of neon signs at night.
• Cerulean (#298FA1): A luminous, balanced blue — the color of open sky before noon.
• Slate (#4770A4): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#422D36): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, muted.

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

• Wandering Alley color palette (#FCF2F6, #A193CE, #43927E, #0C7789, #413041)
• Aged Coast color palette (#FCF3F0, #CA8C87, #6786BD, #76569D, #402B2A)
• Petrol Courtyard color palette (#F6F6EB, #A3BA8A, #599B89, #00758F, #543750)
• Washed Apricot Pier color palette (#FFF0F8, #FFA672, #5DB0B5, #52949D, #343140)
• Washed Coast color palette (#FFF2F0, #DE4A8A, #0078AA, #442BCE, #301033)
• Amber Thicket color palette (#FDF3EE, #C17169, #007D64, #3D447B, #37302D)
• Softworn Cypress Basin color palette (#FBF4E8, #D2BB8F, #99955C, #257F6D, #5D4300)
• Apricot Quarry color palette (#FEF1F9, #FFA37C, #879858, #835F86, #29212B)

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