Fight the Sunrise

Fight the Sunrise (#ff9aa7), Animated Coral (#f0907d), and Date Fruit Brown (#b3642f) come together in this warm palette, well suited to bold designs.

warmbold
Visualize
:root {
  --color-1: #ff9aa7;
  --color-2: #ffacad;
  --color-3: #993f3b;
  --color-4: #f0907d;
  --color-5: #af583b;
  --color-6: #bd6940;
  --color-7: #b3642f;
}

.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

Vivid Amber29
One Dozen27
Urobilin54
May Sun20
Blank Canvas37
Cottage Cream31
Prism Pink24
Brown Moelleux53

Fight the Sunrise FAQ

What colors are in Fight the Sunrise?

Fight the Sunrise uses 7 colors: Fight the Sunrise, Apricot Haze, Mexican Red, Animated Coral, Brown Rust, Spiced Nut, Date Fruit Brown.

Is Fight the Sunrise accessible for text and backgrounds?

The highest-contrast pair in this palette is Apricot Haze on Mexican Red, at 3.8:1 (Fail). Use the accessibility panel above to check any specific pair.

How do I use Fight the Sunrise in a project?

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