Palette

Kyanite Luster

Vivid blues with a subtle sheen, capturing the unique, crystalline luster of kyanite gemstones.

coolelegant5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Kyanite Luster reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Kyanite Luster.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#005B85#3A85AD#6FBCD9#BDE8F5#00486B

Palette guide

How to use Kyanite Luster

Overview

The Kyanite Luster palette offers a sophisticated range of deep and vibrant blues, perfect for projects aiming for elegance and clarity. Inspired by the crystalline beauty of kyanite gemstones, this palette features rich tones like #005B85 and #00486B, complemented by brighter aquas such as #3A85AD and #6FBCD9. The lightest shade, #BDE8F5, provides a refreshing contrast. This collection is ideal for creating designs that feel both professional and inviting, evoking a sense of depth and preciousness. Designers can leverage its cool, crisp feel for corporate branding, web interfaces, or luxury product packaging, ensuring a cohesive and visually appealing experience.

Best used for

Luxury brand identity and packaging
Corporate websites and professional applications
High-end product showcases
Marine or water-related design themes
Elegant event invitations and stationery
Digital dashboards requiring a clean, authoritative look

Suggested color roles

primary

Use #005B85 as a strong primary for main navigation, headers, or key calls-to-action, establishing a deep, trustworthy foundation.

secondary

Apply #3A85AD for subheadings, secondary buttons, or data visualization elements, offering a harmonious and slightly lighter blue.

accent

Utilize #6FBCD9 as a vibrant accent for interactive elements, highlights, or small graphic details to draw immediate attention.

background

Employ #BDE8F5 for clean, spacious backgrounds that allow darker elements to pop, or for subtle section dividers.

text

For primary body text, use #00486B on light backgrounds for excellent readability; for lighter backgrounds, a charcoal or dark grey also works effectively.

Accessibility notes

Ensure sufficient contrast between #005B85 and #BDE8F5 for text, aiming for WCAG AA or AAA compliance.
Avoid using #6FBCD9 for small text on #BDE8F5 backgrounds due to potential low contrast.
Consider using a very dark blue like #00486B or pure black for text on #BDE8F5 backgrounds.
Test color combinations with accessibility tools to verify readability for all users, especially for interactive elements.

Recommended combinations

Deep Ocean

Ideal for a serious, professional look; suitable for corporate presentations or technical documentation.

#00486B · #005B85 · #3A85AD

Crystal Clear

Creates a fresh, airy feel; excellent for user interfaces, health & wellness sites, or educational content.

#3A85AD · #6FBCD9 · #BDE8F5

Elegant Contrast

Provides strong visual hierarchy; perfect for branding where a bold statement is needed against a light backdrop.

#005B85 · #BDE8F5 · #6FBCD9

CSS variables

:root {
  --kyanite-luster-1: #005B85;
  --kyanite-luster-2: #3A85AD;
  --kyanite-luster-3: #6FBCD9;
  --kyanite-luster-4: #BDE8F5;
  --kyanite-luster-5: #00486B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "kyanite-luster": {
        1: "#005B85",
        2: "#3A85AD",
        3: "#6FBCD9",
        4: "#BDE8F5",
        5: "#00486B",
      }
    }
  }
}

Hex values

Color 1#005B85

Color 2#3A85AD

Color 3#6FBCD9

Color 4#BDE8F5

Color 5#00486B

Accessibility

Contrast checker

1.8:1Fail

3.5:1AA18

5.7:1AA

1.3:1Fail

1.8:1Fail

1.9:1Fail

3.1:1AA18

2.4:1Fail

3.5:1AA18

1.9:1Fail

1.6:1Fail

4.6:1AA

5.7:1AA

3.1:1AA18

1.6:1Fail

7.5:1AAA

1.3:1Fail

2.4:1Fail

4.6:1AA

7.5:1AAA

Similar palettes

More like Kyanite Luster

View all cool

Sapphire Geode Shard

Amethyst Cavern Glow

Amethyst Geode Sparkle

Amethyst Mystic Grotto

Aqua Jewel

Art Deco Metropolis