Petrol Archive color palette — #F1F7F2 · #D2DDDF · #D2BDBE · #3C8088 · #404B42
A conversation between Slate and Stone, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D2DDDF): a clean, paper-quiet neutral.
- Stone (#D2BDBE): A luminous, dusty red — the color of embers at dusk.
- Slate (#3C8088): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#404B42): A full-bodied, dusty teal — the color of sea glass.
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
- Worn Petrol Pier color palette (#FCF1FB, #E5D5D4, #CFB5B6, #4669A7, #493A47)
- Wandering Denim Basin color palette (#EAFAF2, #DCCED9, #C19AA8, #006382, #173B2C)
- Softworn Basalt Lantern color palette (#F9F5EB, #B3B28A, #4B806A, #3E6352, #484500)
- Antique Fern color palette (#EBF2D9, #A1C2B0, #977D8C, #6C6417, #41503A)
- Muted Abyss Cabin color palette (#DBE5DF, #B2A4B2, #937584, #003F4B, #08180F)
- Turquoise Ridge color palette (#EFF7F9, #D8DBE4, #BFABA6, #5FBCC5, #41494D)
- Hushed Cobalt Harbor color palette (#D1ECE2, #0079B0, #412A37, #0F241D, #060F0D)
- Ancient Atelier color palette (#FFF3E6, #38ABA9, #55669F, #6A4513, #264535)
Browse the whole catalog at Explore, or see today's palette.