Petrol Bloom color palette — #FFF1F2 · #F2CBDD · #A6A564 · #5F6DA6 · #502E5A
Built around Slate, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F2): bright and airy, almost weightless.
- Thistle (#F2CBDD): A whisper-light, dusty rose — the color of a warm blush.
- Sage (#A6A564): A luminous, balanced green — the color of new leaves after rain.
- Slate (#5F6DA6): A full-bodied, balanced violet — the color of wild irises.
- Royal Purple (#502E5A): A deep, shadowed, balanced pink — the color of neon signs at night.
Feels like: Nature, Growth, Creativity, 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
- Driftwood Lagoon color palette (#FFF2EE, #ECD29F, #95A980, #816DA4, #603B5B)
- Patina Petrol color palette (#F7F3FF, #FFD0D4, #D39E68, #147DA6, #3F3C78)
- Marigold Atelier color palette (#FFDFD4, #CDA25F, #708948, #53587E, #5F3D55)
- Timeworn Driftwood color palette (#FFE8FD, #E1BC8F, #7F9759, #5D548C, #42203C)
- Pine Corridor color palette (#FEE1CE, #8FB59B, #54854E, #54386C, #2E071E)
- Softworn Drift color palette (#E9E0C0, #A4986E, #546D41, #401469, #1D0013)
- Weathered Canyon color palette (#E8FBED, #C7E3EA, #A9CDD6, #9A8BA5, #594754)
- Mustard Grove color palette (#FBE8D1, #CBA851, #7C7C42, #1F565A, #0D3740)
Browse the whole catalog at Explore, or see today's palette.