#DDDEE2
#00C463
#676C7C
#17191F
#E1E1E1Almond
#C5C6CALavender Gray
#009969Jade
#040815Obsidian
Bold Jade & Obsidian is a neutral-based color palette tagged modern, minimal, gray. Jade 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. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Almond | #E1E1E1 | rgb(225, 225, 225) | hsl(0, 0%, 88%) | oklch(91.0% 0.000 0) | |
| Lavender Gray | #C5C6CA | rgb(197, 198, 202) | hsl(228, 5%, 78%) | oklch(82.7% 0.006 275) | |
| Jade | #009969 | rgb(0, 153, 105) | hsl(161, 100%, 30%) | oklch(60.4% 0.132 162) | |
| Obsidian | #040815 | rgb(4, 8, 21) | hsl(226, 68%, 5%) | oklch(13.7% 0.030 265) |
Why it works and how to use it
The palette holds together thanks to its neutral backbone and a strong light-to-dark ladder (88% down to 5% lightness). A natural fit for websites, presentations and branding.
- Background: Almond (#E1E1E1) is the lightest color, so it belongs on large surfaces.
- Text: Obsidian (#040815) on #E1E1E1 gives 15.28:1, passing WCAG AAA.
- Primary: Jade (#009969) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Lavender Gray (#C5C6CA) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Almond on Obsidian at 15.28:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Bold Jade & Obsidian
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
#E1E1E1
#C5C6CA
#009969
#040815
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#E1E1E1 on #040815 | Aa | 15.28:1 | AAA |
#C5C6CA on #040815 | Aa | 11.71:1 | AAA |
#009969 on #040815 | Aa | 5.48:1 | AA |
#E1E1E1 on #009969 | Aa | 2.79:1 | Fail |
#C5C6CA on #009969 | Aa | 2.14:1 | Fail |
#E1E1E1 on #C5C6CA | Aa | 1.31:1 | Fail |
Similar palettes 24 more in this mood
#FDFDFD
#E4E4E3
#84CA57
#1C1917
#0F0F0F
#444444
#049C65
#F4EEE8
#111111
#424242
#FF3B3B
#FAFAFA
#1A1A1D
#4C4C54
#E8788A
#F4F4F6
#FFFFFF
#E4E4E3
#F59E0B
#1C1917
#FFF7F9
#EED8E0
#E11D74
#2B1720
#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#0A1A1E
#648691
#EED200
#D8E2E5
#E5E6E6
#F61061
#4E5756
#0E0F0F
#E3DCDE
#CDB8C0
#BF005F
#17060E
#09130F
#647970
#704FEE
#E4EBE7
#F3F5F4
#AD6FDD
#4E5A58
#0F1212
#E8EEEE
#DD5600
#596564
#050D0D
#121214
#5D6064
#B3CCFF
#E6EEFF
#E9E9E9
#CACAC9
#D88A00
#0A0806
#050F29
#E08F00
#CBCBCB
#E7E7E7
#2B2B2B
#4A4A4A
#A6E22E
#F5F5F5
#D1D2D4
#B0B3B8
#0C37C1
#01030D
#09090C
#3C3C44
#CF6274
#DADADC
#E3E1E0
#CEC2BD
#DF5146
#101A23
#FFF7F9
#EED8E0
#B341D6
#221A2B
#DBD8D4
#CBC0B6
#B14A27
#1E1612
#F5F5F5
#CBCBCB
#3A5400
#2B2B2B