Hibiscus Punch

Looking for a pastel palette? This one pairs Hibiscus Punch (#5c3e43), Sakura (#e3adb6), and Translucent Unicorn (#ffedef) for a calm result.

pastelcalm
Visualize
:root {
  --color-1: #5c3e43;
  --color-2: #9d737a;
  --color-3: #e3adb6;
  --color-4: #ffedef;
}

.ASE works in Adobe apps and several others that adopted the format. .sketchpalette imports into Sketch. .swatches (Procreate) follows a community-documented structure, since Procreate doesn't publish an official spec, so treat it as best-effort. .pptx is a real PowerPoint file with the palette applied as the deck's theme colors (not just two sample slides); Keynote opens .pptx files directly too.

Similar palettes

Red Plum18
Dubonnet5
Chicken Comb9
Black Rose29
Hotspot48
Burgundy Orchid13
Carmine Pink19
Cherubic23

Hibiscus Punch FAQ

What colors are in Hibiscus Punch?

Hibiscus Punch uses 4 colors: Hibiscus Punch, Bohemian Jazz, Sakura, Translucent Unicorn.

Is Hibiscus Punch accessible for text and backgrounds?

The highest-contrast pair in this palette is Hibiscus Punch on Translucent Unicorn, at 8.4:1 (AAA). Use the accessibility panel above to check any specific pair.

How do I use Hibiscus Punch in a project?

Copy the hex codes above, or open Hibiscus Punch in the generator to remix it and export as CSS, Tailwind, or JSON.