Palette

Cosmic Painter's Canvas

A deep and ethereal palette inspired by the rich blues and golden starlight of a famous painter's night sky.

darkelegant5 colors

More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cosmic Painter's Canvas 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 Cosmic Painter's Canvas.

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

Data visualization

#0A0A10#191970#4169E1#FFD700#00BFFF

Palette guide

How to use Cosmic Painter's Canvas

Overview

The Cosmic Painter's Canvas palette is a deep and ethereal collection inspired by the rich blues and golden starlight of a famous painter's night sky. It anchors with the profound #0A0A10 (near black) and the deep #191970 (dark indigo), transitioning through the vibrant #4169E1 (royal blue) and the luminous #00BFFF (deep sky blue). The palette is dramatically accented by the brilliant #FFD700 (golden yellow), mimicking distant stars. This dark and elegant collection is perfect for designers and developers crafting sophisticated, artistic, or immersive digital experiences. It excels in creating atmospheric backgrounds, unique branding, and UI elements that convey depth, drama, and a touch of artistic wonder.

Best used for

Artistic portfolio websites and creative branding
High-end gallery or museum digital interfaces
Cinematic title sequences and visual effects
Elegant dark mode app interfaces and websites
Abstract digital art and space-themed illustrations
Luxury product marketing with an artistic flair

Suggested color roles

primary

Utilize #0A0A10 as a deep, anchoring background color, establishing a vast, dark canvas for celestial or artistic elements.

secondary

Employ #191970 for significant content areas, subheadings, or distinct sections, offering a rich, supporting indigo hue.

accent

Apply #FFD700 for high-impact calls-to-action, alerts, or to highlight key interactive features, mimicking radiant starlight.

background

The darker blues like #0A0A10 and #191970 are ideal for expansive, dramatic backdrops, allowing the brighter blues and gold to create depth.

text

For optimal readability on dark backgrounds like #0A0A10 or #191970, use a crisp white or very light gray. For accents or larger headings, #FFD700 can be used with care.

Accessibility notes

Ensure strong contrast when using #FFD700 for text against any of the darker blue backgrounds.
White text on #0A0A10, #191970, #4169E1, and #00BFFF generally provides good readability.
Avoid using #00BFFF as a text color on #4169E1 due to potential low contrast; reserve it for larger UI elements.
Test color combinations for legibility across various screen types and lighting conditions, especially the gold accent.

Recommended combinations

Night Canvas

Creates a deep, harmonious blue gradient, perfect for atmospheric backgrounds or elegant, layered UI components.

#0A0A10 · #191970 · #4169E1

Starlight Glimmer

Ideal for striking visual accents, interactive elements, or conveying a luminous, ethereal glow in illustrations and decorative elements.

#191970 · #FFD700 · #00BFFF

Cosmic Masterpiece

Excellent for establishing clear visual hierarchy, with a brilliant golden highlight against a deep blue canvas.

#0A0A10 · #FFD700 · #4169E1

CSS variables

:root {
  --cosmic-painter-s-canvas-1: #0A0A10;
  --cosmic-painter-s-canvas-2: #191970;
  --cosmic-painter-s-canvas-3: #4169E1;
  --cosmic-painter-s-canvas-4: #FFD700;
  --cosmic-painter-s-canvas-5: #00BFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cosmic-painter-s-canvas": {
        1: "#0A0A10",
        2: "#191970",
        3: "#4169E1",
        4: "#FFD700",
        5: "#00BFFF",
      }
    }
  }
}

Hex values

Color 1#0A0A10

Color 2#191970

Color 3#4169E1

Color 4#FFD700

Color 5#00BFFF

Accessibility

Contrast checker

1.3:1Fail

4.1:1AA18

14.1:1AAA

9.3:1AAA

1.3:1Fail

3.1:1AA18

10.6:1AAA

7:1AA

4.1:1AA18

3.1:1AA18

3.5:1AA18

2.3:1Fail

14.1:1AAA

10.6:1AAA

3.5:1AA18

1.5:1Fail

9.3:1AAA

7:1AA

2.3:1Fail

1.5:1Fail

Similar palettes

More like Cosmic Painter's Canvas

Midnight Velvet Starry