Petrol Archive color palette — #FFF4DE · #F5B5DC · #BE8354 · #2C65A2 · #462921

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

The five colors

• Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Carnation (#F5B5DC): A whisper-light, balanced pink — the color of a candy shop window.
• Caramel (#BE8354): A luminous, balanced gold — the color of honey in a jar.
• Peacock (#2C65A2): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#462921): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Creativity, Warmth, Comfort. Tagged retro, warm.

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

• Timeworn Denim color palette (#FFF3E7, #FEB8A2, #909854, #64569C, #36312B)
• Muted Blush color palette (#F7F6E5, #C2C6FE, #C37792, #006F86, #452732)
• Aged Cocoa color palette (#FFF3E6, #FFCFCF, #B1A269, #6A6CA6, #623000)
• Hushed Denim Workshop color palette (#FFF1F3, #D8A7DB, #958D2A, #4E529F, #401843)
• Apricot Balcony color palette (#E9FAEC, #FFAFA8, #D59552, #259393, #4A3643)
• Pale Coral color palette (#FFF0D8, #E7756E, #965C15, #005152, #311D11)
• Blush Market color palette (#E1FDF0, #DB6E99, #8F5E0A, #135475, #493647)
• Frosted Aubergine color palette (#FFE9DE, #AC8300, #006544, #480051, #040400)

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