Petrol Bloom color palette — #FDF3EA · #B17B48 · #006C95 · #683355 · #512027

A conversation between Peacock and Caramel, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FDF3EA): bright and airy, almost weightless.
• Caramel (#B17B48): A luminous, balanced gold — the color of honey in a jar.
• Peacock (#006C95): A full-bodied, balanced blue — the color of open sky before noon.
• Mulberry (#683355): A full-bodied, balanced pink — the color of neon signs at night.
• Espresso (#512027): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Trust, Stability, Optimism, Creativity, Warmth, Comfort. Tagged warm.

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

• Frosted Moss color palette (#F8F5E9, #84913E, #67569B, #6C314F, #531F20)
• Pale Cocoa Station color palette (#FEF4E4, #A48343, #2B679A, #723400, #3F3200)
• Chalky Amber color palette (#FCF4E9, #B17D32, #36659A, #2D4679, #372F60)
• Tempered Navy color palette (#E5F7EE, #909256, #007375, #3C347B, #3C0614)
• Nightshade Lantern color palette (#F9F5E7, #A8AA5C, #26909A, #694B98, #5A261A)
• Petrol Basin color palette (#F5F7E9, #A2B799, #3E7E8C, #754E45, #384831)
• Worn Cerulean color palette (#FBF3EF, #C8E5D2, #5690BD, #237157, #573E52)
• Linen Pine color palette (#F0F5DD, #398B45, #6A3E7F, #5D2A00, #322200)

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