Petrol Archive color palette — #FAF2F8 · #F6BBB1 · #A59C5B · #5764AA · #562A23
Slate takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FAF2F8): bright and airy, almost weightless.
- Rose Quartz (#F6BBB1): A whisper-light, dusty orange — the color of toasted spice.
- Moss (#A59C5B): A luminous, balanced green — the color of fresh herbs.
- Slate (#5764AA): A full-bodied, balanced violet — the color of wild irises.
- Espresso (#562A23): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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
- Softworn Petrol color palette (#F7F3FF, #EDBADB, #B59365, #25729C, #502944)
- Washed Delta color palette (#EEF8F1, #D9CB9C, #86A573, #7A599E, #443702)
- Weathered Pewter color palette (#F9F2FC, #F4B9C6, #69AB84, #885686, #452F4B)
- Jade Alley color palette (#FDF3EB, #F4BA87, #65BF8D, #5E8ABD, #593837)
- Muted Petrol Ridge color palette (#EEF8F3, #CBD297, #7A9DC5, #426D9E, #41304F)
- Dusty Grove color palette (#FBEEF2, #CE8B4D, #42815A, #2B4F71, #2D203C)
- Stone Atelier color palette (#EDF9ED, #D0A66F, #425B53, #242E23, #140D12)
- Tempered Coral Pier color palette (#FEF2EE, #D07D82, #28816C, #554C75, #563747)
Browse the whole catalog at Explore, or see today's palette.