Petrol Bloom color palette — #FFECF3 · #F1CDF3 · #E4A6B6 · #596299 · #33181F
Slate takes the lead with Ballet Pink close behind in a set that reads as creativity and sophistication at first glance.
The five colors
- Blush (#FFECF3): A whisper-light, dusty rose — the color of a warm blush.
- Thistle (#F1CDF3): A whisper-light, dusty pink — the color of neon signs at night.
- Ballet Pink (#E4A6B6): A luminous, dusty red — the color of a theater curtain.
- Slate (#596299): A full-bodied, balanced violet — the color of a velvet chair.
- Onyx (#33181F): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Creativity, Sophistication. Tagged pastel, light, 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
- Ancient Ridge color palette (#FDEBFD, #CBD1FF, #BB9FD2, #2E7493, #351D30)
- Softworn Pewter Dune color palette (#FFEDEB, #F1D0C1, #D2A186, #875A81, #3A1B17)
- Dusty Petrol color palette (#F2F5FF, #E3D4FC, #E59981, #0D6BA3, #443B5A)
- Aubergine Summit color palette (#F0D8DD, #D392C2, #BE717A, #463587, #1D0220)
- Mulberry Coast color palette (#FFE4D7, #E5B495, #B7964F, #8D3A4C, #290F00)
- Iris Orchard color palette (#F3F4FF, #FAD0F8, #EEB4C3, #7984DA, #413E5B)
- Aged Ridge color palette (#F4E5E5, #BC9B54, #682D58, #2F0D26, #0D0203)
- Feathered Plum color palette (#FCE2E1, #AB5085, #437329, #004E4E, #230407)
Browse the whole catalog at Explore, or see today's palette.