heavenly.

A studio for divine eyes

Compose color like the heavens — crafted, named, and shipped.

Mood · Bold · Electric
Temperature · Cool
Avg Sat · 74 / Light · 43
5
Tools
More
Temp0
Extra
Hue°0
Tune
Blend pinned0%
Pro 🌊
Seasons
Moods
Presets
Transforms
01 · Espresso
#1F2937
H 215•S 28•L 17
02 · Crimson
#E11D48
H 347•S 77•L 50
03 · Orange
#F59E0B
H 38•S 92•L 50
04 · Teal
#10B981
H 160•S 84•L 39
05 · Royal
#3B82F6
H 217•S 91•L 60
§ mockup
Aurora
WorkAboutContact
New collection

Color in motion, on every screen.

A live preview of your palette as a working interface. Adjust colors above and watch this update.

Card
$48 / mo
Featured
Muted caption text
Prompt palette · local

Works fully on-device now — no Cloud credits required.

Add color
Brand mock
Soft Studio
"Quietly opinionated design."
Aura · The High Priestess
Sky Mind

"Clarity arrives. Speak the truth gently."

Best duo
Espresso
#1F2937
Orange
#F59E0B

Strongest contrast pair in the current palette: 6.83:1

Palette score
44
/ 100 · Decent
harmony46
contrast33
versatility54
Hue wheel
Average
#736D67
Lightness
Diff

Pin a palette to compare deltas.

Gradient picker
Hover or tap
Swatch labels
  • —
  • —
  • —
  • —
  • —
Shade ramps · base #1F2937
Tailwind
50
100
200
300
400
500
600
700
800
900
950
Material
100
200
300
400
500
600
700
800
900
Metrics
  • 1
    Lum2
    Sat28
    W 14.7 · K 1.4
  • 2
    Lum17
    Sat77
    W 4.7 · K 4.5
  • 3
    Lum44
    Sat92
    W 2.1 · K 9.8
  • 4
    Lum36
    Sat84
    W 2.5 · K 8.3
  • 5
    Lum24
    Sat91
    W 3.7 · K 5.7
Color dictionary

Type to search the built-in dictionary.

§ Gallery
§ Export
css
:root {
  --color-1: #1F2937; /* Espresso */
  --color-2: #E11D48; /* Crimson */
  --color-3: #F59E0B; /* Orange */
  --color-4: #10B981; /* Teal */
  --color-5: #3B82F6; /* Royal */
}
scss
$color-1: #1F2937; // Espresso
$color-2: #E11D48; // Crimson
$color-3: #F59E0B; // Orange
$color-4: #10B981; // Teal
$color-5: #3B82F6; // Royal
json
[
  {
    "name": "Espresso",
    "hex": "#1F2937",
    "hsl": {
      "h": 215,
      "s": 28,
      "l": 17
    }
  },
  {
    "name": "Crimson",
    "hex": "#E11D48",
    "hsl": {
      "h": 347,
      "s": 77,
      "l": 50
    }
  },
  {
    "name": "Orange",
    "hex": "#F59E0B",
    "hsl": {
      "h": 38,
      "s": 92,
      "l": 50
    }
  },
  {
    "name": "Teal",
    "hex": "#10B981",
    "hsl": {
      "h": 160,
      "s": 84,
      "l": 39
    }
  },
  {
    "name": "Royal",
    "hex": "#3B82F6",
    "hsl": {
      "h": 217,
      "s": 91,
      "l": 60
    }
  }
]
tailwind
theme: {
  extend: {
    colors: {
      brand1: '#1F2937',
      brand2: '#E11D48',
      brand3: '#F59E0B',
      brand4: '#10B981',
      brand5: '#3B82F6',
    }
  }
}
ase
; Adobe Swatch Exchange (text) — heavenly.
01 #1F2937 Espresso
02 #E11D48 Crimson
03 #F59E0B Orange
04 #10B981 Teal
05 #3B82F6 Royal
SVG
PNG poster
History

Your remixed palettes will appear here.

Favorites

Click Save to keep palettes.