Petrol Archive color palette — #EDF7FF · #5BA8D9 · #B17D4A · #006D9E · #5D3914

Peacock takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EDF7FF): a clean, paper-quiet neutral.
• Cyan (#5BA8D9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Caramel (#B17D4A): A luminous, balanced gold — the color of afternoon light on wheat.
• Peacock (#006D9E): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#5D3914): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Balance. Tagged 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

• Dusty Denim color palette (#F0F5FF, #8D9CD5, #A18736, #4E5EAE, #514008)
• Powdered Station color palette (#E8F8FF, #39B1C3, #C56C66, #007381, #65312D)
• Bronze Alley color palette (#EDF6FF, #488FC8, #AC682B, #706500, #243A4E)
• Timeworn Petrol Veranda color palette (#E6F6F1, #7BA9D1, #BC71A0, #0069A8, #401432)
• Cobalt Bloom color palette (#EDF6FF, #8ABEE9, #D18AB9, #0086D2, #5B334E)
• Bronze Archive color palette (#EAFAF0, #82B3A2, #80723A, #405A3D, #25443F)
• Weathered Lagoon color palette (#ECF7FF, #DBD9E4, #C7C1EA, #499196, #3B4B63)
• Misty Aubergine Pier color palette (#F2F4FF, #AD89FF, #7F8600, #5A2CA2, #3B3E00)

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