Japan Color Palette

Updated April 17, 2026

A traditional Japan color palette — cherry blossom, indigo, tatami, and sumi ink. Hex codes for refined, minimal, and Eastern-inspired designs.

The Japan Palette

• Sakura #F7E7E1 rgb(247, 231, 225) hsl(16, 58%, 93%)
• Cherry Blossom #E89AA6 rgb(232, 154, 166) hsl(351, 63%, 76%)
• Tatami #C39D7F rgb(195, 157, 127) hsl(26, 36%, 63%)
• Torii Red #C41E3A rgb(196, 30, 58) hsl(350, 73%, 44%)
• Indigo #1F3A5F rgb(31, 58, 95) hsl(215, 51%, 25%)
• Sumi Ink #1C1C1C rgb(28, 28, 28) hsl(0, 0%, 11%)

Hex Codes at a Glance

#F7E7E1, #E89AA6, #C39D7F, #C41E3A, #1F3A5F, #1C1C1C

How to Use This Palette

• In CSS: Paste each hex into your :root custom properties or directly into background-color / color declarations.
• In Figma or Sketch: Copy the hex into any fill or stroke color field. Save each color to your local style library for reuse across frames.
• In Tailwind CSS: Add each hex to your tailwind.config.js file inside theme.extend.colors, then use classes like bg-palette-500.
• In Procreate or Photoshop: Create a new swatch set and paste each hex value. PhotoTones Pro exports ready-to-import .swatches and .ase files.

Build Your Own Palette

This japan palette is one of many themed palettes in the PhotoTones gallery. To build a palette from your own photo, use the free PhotoTones color palette from image generator — it extracts up to 12 hex codes per image in under a second, entirely in your browser. No signup required.