#03071E
#0B525B
#1B998B
#C2F970
#000814Obsidian
#1B3A69Prussian Blue
#2A5A99Lapis
#79EB85Mint
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.
Color codes click any value to copy
| Swatch | 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
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 SecondaryCard title
Card title
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.
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 |
Similar palettes 24 more in this mood
#0B132B
#3B487A
#5C7BA8
#6FFFE9
#0A1024
#3A456B
#5C7CFA
#DDE3FF
#121016
#54149C
#693B79
#5B9FFF
#05070B
#00576A
#576E84
#00B579
#06032E
#5B3CD0
#C6B7FF
#62F3AE
#08051D
#174F63
#04979E
#9DFFA1
#00071D
#17406D
#2475C1
#BECDDB
#111823
#3F506C
#81BBFF
#FFFAE9
#A2BEFF
#FFF9E1
#073B6D
#000814
#1E00B5
#00D1B5
#DFDE54
#050505
#010028
#006398
#009DBD
#77C7D6
#C3D2FF
#006556
#131200
#F0F0F0
#010211
#283256
#425CD7
#BDC3DE
#001711
#006347
#00B680
#D3E4DC
#000E18
#004B75
#0080D6
#9AC6FF
#06032F
#1A39FF
#8480FF
#E9EAFF
#0B0F0E
#3A4642
#BEF62F
#F3FFE0
#010214
#004048
#008074
#A9DE54
#011323
#284A69
#008FE2
#D3E7FE
#010215
#283363
#405E89
#4BE0CB
#0B0620
#412676
#009558
#FFB3E6
#00579D
#60F3AF
#FFEFC3
#111111
#0B2447
#3B5C9E
#6E86D6
#A5D7E8