Petrol Bloom color palette — #FEF0FF · #FF9C8C · #226BB2 · #0E3C68 · #241326
A conversation between Royal Blue and Melon, giving this palette its sense of trust and stability.
The five colors
- Blush (#FEF0FF): A whisper-light, dusty pink — the color of peonies in June.
- Melon (#FF9C8C): A luminous, balanced orange — the color of sun-warmed clay.
- Royal Blue (#226BB2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#0E3C68): A deep, shadowed, balanced blue — the color of open sky before noon.
- Deep Indigo (#241326): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Balance. Tagged luxury, dark.
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
- Aged Apricot color palette (#E8FBF0, #FF9F70, #007590, #004252, #072015)
- Hushed Station color palette (#F8E9F6, #ECA345, #496298, #462A43, #1E111C)
- Coral Drift color palette (#FFEFFF, #E58365, #144786, #07254C, #251325)
- Azure Corridor color palette (#EEF6FF, #FFBD9F, #3C92E0, #005EA1, #041C31)
- Straw Drift color palette (#EDF7FF, #FDD276, #0073A6, #00324C, #000813)
- Tempered Stone color palette (#FEF1FA, #BDCE85, #626DA5, #55374D, #291D26)
- Ancient Lime color palette (#FFF0FB, #86D34C, #4E5DC1, #2F3760, #251421)
- Softworn Cobalt Field color palette (#FAF2F8, #EFD5D3, #D3BAB2, #6A82CC, #4B3947)
Browse the whole catalog at Explore, or see today's palette.