Onsen

Looking for a vibrant palette? This one pairs Onsen (#59e9ba), Casa de Oro (#ce6d35), and Ultra Violet (#6f60be) for a bold result.

vibrantbold
Visualize
:root {
  --color-1: #59e9ba;
  --color-2: #5f50ab;
  --color-3: #ce6d35;
  --color-4: #009772;
  --color-5: #6f60be;
}

.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

Elite Green58
Palette 8/14/20260
Duskwood51
Freezy Breezy24
Ingénue Blue50
Cosmos Blue67
Loyal Blue8
Sandalwood Grey Blue5

Onsen FAQ

What colors are in Onsen?

Onsen uses 5 colors: Onsen, Ultrapurple Merge, Casa de Oro, Rainforest, Ultra Violet.

Is Onsen accessible for text and backgrounds?

The highest-contrast pair in this palette is Onsen on Ultrapurple Merge, at 4.3:1 (Fail). Use the accessibility panel above to check any specific pair.

How do I use Onsen in a project?

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