Petrol Bloom color palette — #EFF7F3 · #A4CBB7 · #A66878 · #007899 · #3B2825

Teal takes the lead with Mocha close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF7F3): bright and airy, almost weightless.
• Pistachio (#A4CBB7): A luminous, dusty teal — the color of sea glass.
• Mocha (#A66878): A full-bodied, balanced red — the color of embers at dusk.
• Teal (#007899): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3B2825): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Sophistication. Tagged duotone, 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

• Tempered Cypress Delta color palette (#F3F6F0, #B5C7A5, #9D6996, #008064, #3C272A)
• Cobalt Drift color palette (#F8F3F8, #A6C2EB, #B16369, #3E6DB2, #3B2923)
• Wandering Cabin color palette (#EFF7F5, #B2D5F8, #BF81C6, #5191CC, #372A2C)
• Patina Forest Parlor color palette (#F4F7E7, #78B1CB, #826A9F, #30673C, #544054)
• Dusty Cobalt Market color palette (#F9F3F8, #E0D8D7, #ACACA2, #6981B3, #575056)
• Mulberry Grove color palette (#DCFFEC, #A3C3E9, #8A7BB6, #813D80, #722C3F)
• Pale Lapis Market color palette (#FCF2F7, #ACA8D5, #976214, #5F4BAF, #31200D)
• Brick Quarry color palette (#EAF9F4, #60A9E3, #BC0135, #005A90, #360C11)

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