What are the hex codes in the Cheerful Mint & Lapis palette?

The Cheerful Mint & Lapis color palette consists of Obsidian #000814, Prussian Blue #1B3A69, Lapis #2A5A99, Mint #79EB85.

How should I use the Cheerful Mint & Lapis palette on a website?

Use Mint #79EB85 as the background, Obsidian #000814 for text, Prussian Blue #1B3A69 for buttons and links, and Lapis #2A5A99 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Mint at 13.43:1.

Which colors in Cheerful Mint & Lapis have enough contrast for text?

The highest-contrast pair is #000814 on #79EB85 with a ratio of 13.43:1, which passes WCAG AA for normal text.

#000814Obsidian

#1B3A69Prussian Blue

#2A5A99Lapis

#79EB85Mint

Cheerful Mint & Lapis color palette

Dark Cold Black Blue Green

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Obsidian	`#000814`	`rgb(0, 8, 20)`	`hsl(216, 100%, 4%)`	`oklch(13.1% 0.034 247)`
Prussian Blue	`#1B3A69`	`rgb(27, 58, 105)`	`hsl(216, 59%, 26%)`	`oklch(35.2% 0.090 259)`
Lapis	`#2A5A99`	`rgb(42, 90, 153)`	`hsl(214, 57%, 38%)`	`oklch(46.7% 0.115 256)`
Mint	`#79EB85`	`rgb(121, 235, 133)`	`hsl(126, 74%, 70%)`	`oklch(84.9% 0.174 146)`

Why it works and how to use it

Cheerful Mint & Lapis is a vivid dark, split color palette tagged dark, cold, black. A split scheme: Prussian Blue plays against Mint across roughly 90° of hue. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is cool.

With 3 chromatic colors, Prussian Blue takes the lead while the rest support. Lightness runs from 4% to 70%. Well suited to dark-mode interfaces and gaming.

Background: Mint (#79EB85) is the lightest color, so it belongs on large surfaces.
Text: Obsidian (#000814) on #79EB85 gives 13.43:1, passing WCAG AAA.
Primary: Prussian Blue (#1B3A69) is the most saturated mid-tone; use it for buttons and links (7.56:1 against the background, fine for UI elements).
Accent: Lapis (#2A5A99) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Mint at 13.43:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Cheerful Mint & Lapis

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

Roles are assigned by lightness.

Color blindness simulation

#000814

#1B3A69

#2A5A99

#79EB85

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

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#000814` on `#79EB85`	Aa	13.43:1	AAA
`#1B3A69` on `#79EB85`	Aa	7.56:1	AAA
`#2A5A99` on `#79EB85`	Aa	4.65:1	AA
`#000814` on `#2A5A99`	Aa	2.89:1	Fail
`#000814` on `#1B3A69`	Aa	1.78:1	Fail
`#1B3A69` on `#2A5A99`	Aa	1.63:1	Fail

:root {
  --obsidian: #000814;
  --prussian-blue: #1B3A69;
  --lapis: #2A5A99;
  --mint: #79EB85;
}

$obsidian: #000814;
$prussian-blue: #1B3A69;
$lapis: #2A5A99;
$mint: #79EB85;

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'obsidian': '#000814',
        'prussian-blue': '#1B3A69',
        'lapis': '#2A5A99',
        'mint': '#79EB85',
      },
    },
  },
};

{
  "name": "Cheerful Mint & Lapis",
  "colors": [
    "#000814",
    "#1B3A69",
    "#2A5A99",
    "#79EB85"
  ]
}

background: linear-gradient(135deg, #000814, #1B3A69, #2A5A99, #79EB85);

Or ask about it in ChatGPT Claude Perplexity

Edit this palette in the generator →

Added 2025-12-25 · Free for commercial use, no attribution needed.

Similar palettes 24 more in this mood