Chocolate Cosmos

Explore this warm color palette featuring Chocolate Cosmos (#54121d), Duvall (#0e8a8b), and Hard Candy (#ffb8bb) for a earthy design aesthetic.

warmearthy
Visualize
:root {
  --color-1: #54121d;
  --color-2: #0e8a8b;
  --color-3: #ffb8bb;
}

.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

Golden Pheasant42
Rhinox Hide39
Forest Fruit Pink56
Rhinox Hide11
Rose Glory27
Joyful Ruby4
Ebicha Brown28
Dahlia Delight28

Chocolate Cosmos FAQ

What colors are in Chocolate Cosmos?

Chocolate Cosmos uses 3 colors: Chocolate Cosmos, Duvall, Hard Candy.

Is Chocolate Cosmos accessible for text and backgrounds?

The highest-contrast pair in this palette is Chocolate Cosmos on Hard Candy, at 8.7:1 (AAA). Use the accessibility panel above to check any specific pair.

How do I use Chocolate Cosmos in a project?

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