Petrol Bloom color palette — #DDF3E8 · #0081A5 · #3A2B3C · #0A1A13 · #040705

Built around Cerulean, softened by Espresso — the whole palette hums with trust and stability.

The five colors

• Honeydew (#DDF3E8): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0081A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3A2B3C): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#0A1A13): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#040705): a grounded near-black with real depth.

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

• Cobalt Canyon color palette (#F7E8F6, #5683C8, #473540, #241B23, #090E0C)
• Tempered Thicket color palette (#DCEBD4, #008875, #213726, #11190C, #050703)
• Deep Field color palette (#DCF1EB, #005E9E, #22262D, #121748, #000A07)
• Cerulean Study color palette (#D2E8F7, #009DCB, #395063, #20303A, #111A1E)
• Turquoise Alley color palette (#E8FAF0, #00AEDA, #533F4E, #14221B, #030603)
• Iris Thicket color palette (#FFEBFB, #6A88E0, #B7645A, #43794C, #291726)
• Linen Sky color palette (#CAE4EF, #43B6F8, #3F79C2, #374C7E, #3B1E31)
• Antique Pine Ridge color palette (#F5F2E6, #A5BC8F, #528259, #4C5A46, #292814)

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