Skylar
Skylar (#6cccba), Byzantine Blue (#006a6e), and Medium Sky Blue (#7dd8f4) come together in this earthy palette, well suited to muted designs.
:root {
--color-1: #6cccba;
--color-2: #6fd4cd;
--color-3: #006a6e;
--color-4: #6fd1e2;
--color-5: #7dd8f4;
}.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
Skylar FAQ
What colors are in Skylar?
Skylar uses 5 colors: Skylar, Hidden Sea Glass, Byzantine Blue, Aquamarine Blue, Medium Sky Blue.
Is Skylar accessible for text and backgrounds?
The highest-contrast pair in this palette is Byzantine Blue on Medium Sky Blue, at 4.0:1 (Fail). Use the accessibility panel above to check any specific pair.
How do I use Skylar in a project?
Copy the hex codes above, or open Skylar in the generator to remix it and export as CSS, Tailwind, or JSON.