Traditional Blue

Traditional Blue (#1d658a), Kindred (#779fd5), and Dalmatian Sage (#949fdc) come together in this cool palette, well suited to fresh designs.

coolfresh
Visualize
:root {
  --color-1: #1d658a;
  --color-2: #8cc3f4;
  --color-3: #779fd5;
  --color-4: #556ca3;
  --color-5: #949fdc;
}

.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.

Traditional Blue FAQ

What colors are in Traditional Blue?

Traditional Blue uses 5 colors: Traditional Blue, Wasurenagusa Blue, Kindred, Splendour and Pride, Dalmatian Sage.

Is Traditional Blue accessible for text and backgrounds?

The highest-contrast pair in this palette is Traditional Blue on Wasurenagusa Blue, at 3.4:1 (Fail). Use the accessibility panel above to check any specific pair.

How do I use Traditional Blue in a project?

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