Petrol Bloom color palette — #F0E6EF · #B49A99 · #9C8176 · #3D649B · #0F0510

Peacock and Mocha set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F0E6EF): a clean, paper-quiet neutral.
• Taupe (#B49A99): A luminous, dusty orange — the color of autumn markets.
• Mocha (#9C8176): A luminous, dusty orange — the color of autumn markets.
• Peacock (#3D649B): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#0F0510): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, 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

• Dusty Workshop color palette (#E7F2EA, #87A9AE, #AC8D9F, #00707D, #030C05)
• Navy Lagoon color palette (#E4EBF4, #8A8D98, #6B6686, #001A75, #000106)
• Timeworn Corridor color palette (#D8DFEC, #9CA4BB, #8283A4, #2B417A, #050912)
• Antique Lagoon color palette (#F0E7EE, #C8B4C0, #A58896, #223181, #030003)
• Tempered Villa color palette (#EADCDF, #C2AC9C, #AA9672, #994FA3, #1E0E12)
• Aged Driftwood color palette (#DEEDF6, #8177AE, #865167, #0C5033, #0E1500)
• Moss Meadow color palette (#EDE0D0, #879100, #00762F, #5B3A5F, #060700)
• Washed Iris Canyon color palette (#F4ECF1, #E4CEC9, #C7B4A7, #878DC4, #352A31)

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