#0C0F0EObsidian
#3E4542Iron
#CDED95Celadon
#F6FDECIvory

Celadon & Ivory Mist color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Celadon & Ivory Mist is a neutral-based color palette tagged 2026 trends, dark, minimal. Ivory is the only saturated color here, so it does all the talking against a neutral base. Neither washed out nor loud, it adapts to most contexts.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Obsidian#0C0F0Ergb(12, 15, 14)hsl(160, 11%, 5%)oklch(16.5% 0.005 174)
Iron#3E4542rgb(62, 69, 66)hsl(154, 5%, 26%)oklch(38.3% 0.010 168)
Celadon#CDED95rgb(205, 237, 149)hsl(82, 71%, 76%)oklch(90.3% 0.118 125)
Ivory#F6FDECrgb(246, 253, 236)hsl(85, 81%, 96%)oklch(98.4% 0.023 125)

Why it works and how to use it

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

  • Background: Ivory (#F6FDEC) is the lightest color, so it belongs on large surfaces.
  • Text: Obsidian (#0C0F0E) on #F6FDEC gives 18.51:1, passing WCAG AAA.
  • Primary: Celadon (#CDED95) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Iron (#3E4542) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Celadon & Ivory Mist

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

#0C0F0E
#3E4542
#CDED95
#F6FDEC

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#0C0F0E on #F6FDECAa18.51:1AAA
#0C0F0E on #CDED95Aa14.81:1AAA
#3E4542 on #F6FDECAa9.45:1AAA
#3E4542 on #CDED95Aa7.56:1AAA
#0C0F0E on #3E4542Aa1.96:1Fail
#CDED95 on #F6FDECAa1.25:1Fail

Similar palettes 24 more in this mood