#0B0F0EObsidian
#3A4642Iron
#2FFFECAqua
#F3FFE0Cream

Aqua & Cream Sky color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Aqua & Cream Sky is a split color palette tagged dark, minimal, black. A split scheme: Aqua plays against Cream across roughly 92° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Obsidian#0B0F0Ergb(11, 15, 14)hsl(165, 15%, 5%)oklch(16.4% 0.007 179)
Iron#3A4642rgb(58, 70, 66)hsl(160, 9%, 25%)oklch(38.2% 0.017 173)
Aqua#2FFFECrgb(47, 255, 236)hsl(175, 100%, 59%)oklch(90.2% 0.152 185)
Cream#F3FFE0rgb(243, 255, 224)hsl(83, 100%, 94%)oklch(98.3% 0.042 124)

Why it works and how to use it

Two of the four colors are near-neutral, which leaves room for Aqua to lead. Lightness runs from 5% to 94%. Well suited to websites, presentations and branding.

  • Background: Cream (#F3FFE0) is the lightest color, so it belongs on large surfaces.
  • Text: Obsidian (#0B0F0E) on #F3FFE0 gives 18.54:1, passing WCAG AAA.
  • Primary: Aqua (#2FFFEC) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Iron (#3A4642) for highlights, badges and hover states.

4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Cream at 18.54:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Aqua & Cream Sky

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary
Card title
Card title
Card title
Roles are assigned by lightness.

Color blindness simulation

#0B0F0E
#3A4642
#2FFFEC
#F3FFE0

Color-blind check: under protanopia, Aqua and Cream become hard to tell apart, so do not rely on that pair alone to carry meaning.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#0B0F0E on #F3FFE0Aa18.54:1AAA
#0B0F0E on #2FFFECAa15.28:1AAA
#3A4642 on #F3FFE0Aa9.46:1AAA
#3A4642 on #2FFFECAa7.79:1AAA
#0B0F0E on #3A4642Aa1.96:1Fail
#2FFFEC on #F3FFE0Aa1.21:1Fail

Similar palettes 24 more in this mood