Petrol Bloom color palette — #FBF2F7 · #EBD4D2 · #C5ACB1 · #5C5F8B · #42373E

A conversation between Slate and Rosewood Mist, giving this palette its sense of sophistication.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Bone (#EBD4D2): A whisper-light, dusty orange — the color of autumn markets.
• Rosewood Mist (#C5ACB1): A luminous, dusty red — the color of late-summer berries.
• Slate (#5C5F8B): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#42373E): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Softworn Cobalt Workshop color palette (#F1F5FE, #DCD7DF, #CAB8C7, #727CB3, #343A48)
• Softworn Balcony color palette (#FCF2F1, #E6D8C8, #CFB6A8, #994E6B, #4D3B39)
• Worn Navy color palette (#EBE1E6, #CCB1B8, #A18689, #463877, #291A22)
• Mulberry Drift color palette (#F6ECEA, #E0C6BA, #B59A88, #873448, #372A28)
• Ash Courtyard color palette (#FFDCED, #BD8ABB, #976A64, #5F5200, #314233)
• Tempered Lilac color palette (#FFF1F7, #A9BFFF, #AE8CFC, #9F5889, #38213F)
• Worn Studio color palette (#F9F6E1, #7EA87A, #357153, #5B4059, #35362F)
• Worn Onyx color palette (#F9E7E6, #AC938E, #9E5D41, #4A0F35, #130505)

Browse the whole catalog at Explore, or see today's palette.