Petrol Archive color palette — #EBF4F1 · #E0D0CC · #CCB4B3 · #4E7A9A · #252E2B

A conversation between Slate and Rosewood Mist, giving this palette its sense of trust and stability.

The five colors

• Cream (#EBF4F1): a clean, paper-quiet neutral.
• Oat (#E0D0CC): bright and airy, almost weightless.
• Rosewood Mist (#CCB4B3): A luminous, dusty orange — the color of toasted spice.
• Slate (#4E7A9A): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#252E2B): 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

• Driftwood Market color palette (#F7EFF5, #E0D4D3, #B6ADA2, #94798D, #393438)
• Tempered Pewter Balcony color palette (#F9EFF1, #E0D3CC, #CAB1A9, #785583, #2A1C1F)
• Hushed Villa color palette (#FCF0E2, #BDB581, #6B7C52, #634D5D, #2F2610)
• Worn Coast color palette (#EEE6EF, #AD99A5, #966F7C, #003766, #09010B)
• Timeworn Fern Coast color palette (#D5FCEE, #A7AEE0, #A0777C, #5E5801, #33322B)
• Worn Hollow color palette (#F2DCEC, #5063E7, #412931, #1E111B, #020806)
• Dusty Ridge color palette (#F0E4E6, #C2AEAB, #A78476, #622A60, #150608)
• Feathered Lantern color palette (#FBF1DA, #34A6E8, #725DA0, #4F4710, #2D1C2C)

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