Tetsu-Kon Blue

Looking for a food palette? This one pairs Tetsu-Kon Blue (#131a4e), Amparo Blue (#586abc), and Light Periwinkle (#bdccff) for a warm result.

foodwarm
Visualize
:root {
  --color-1: #131a4e;
  --color-2: #344183;
  --color-3: #586abc;
  --color-4: #7f97f8;
  --color-5: #bdccff;
}

.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

spage0
Eucalyptus Wreath41
High Tea19
Indigo Hamlet4
Blithe112
Mint Tonic7
Atlantic Gull15
Caramelised Pecan3

Tetsu-Kon Blue FAQ

What colors are in Tetsu-Kon Blue?

Tetsu-Kon Blue uses 5 colors: Tetsu-Kon Blue, Official Violet, Amparo Blue, Periwinkle Blue, Light Periwinkle.

Is Tetsu-Kon Blue accessible for text and backgrounds?

The highest-contrast pair in this palette is Tetsu-Kon Blue on Light Periwinkle, at 10.3:1 (AAA). Use the accessibility panel above to check any specific pair.

How do I use Tetsu-Kon Blue in a project?

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