Petrol Bloom color palette — #E4E0D1 · #A0AA8B · #3D7B85 · #694338 · #391E11
Built around Slate, softened by Cocoa — the whole palette hums with trust and stability.
The five colors
- Bone (#E4E0D1): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#A0AA8B): A luminous, dusty green — the color of a quiet forest floor.
- Slate (#3D7B85): A full-bodied, dusty blue — the color of deep harbor water.
- Cocoa (#694338): A full-bodied, dusty orange — the color of sun-warmed clay.
- Espresso (#391E11): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol Bloom 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
- Weathered Olive Pier color palette (#EBDFD3, #AFA37A, #6C7D39, #643B45, #3B162A)
- Ancient Cocoa color palette (#F9F1DE, #92A97E, #3B7253, #584300, #1F1D00)
- Tempered Boulevard color palette (#E9ECCE, #A4BE9C, #718B7F, #7D441C, #592800)
- Patina Garden color palette (#E8F0E3, #79B2C0, #80677D, #6A3B00, #392006)
- Cerulean Delta color palette (#D1EACF, #94AD9A, #49859C, #554E78, #56304A)
- Worn Basalt Balcony color palette (#C9F3F6, #679687, #835C6E, #4A450D, #171E00)
- Patina Pewter Ridge color palette (#C8E8D5, #A3C3BB, #5E9887, #88526E, #6A3830)
- Aged Hollow color palette (#E9F3E3, #4D8977, #205467, #471D18, #210500)
Browse the whole catalog at Explore, or see today's palette.