#EEF2F1
#BFDAD3
#8059BD
#141B1A
#FBF6FASmoke
#C9B3C6Silver
#00A44DJade
#1E171DLicorice
Jade & Silver Breeze is a neutral-based color palette tagged retro, minimal, white. 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 warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Smoke | #FBF6FA | rgb(251, 246, 250) | hsl(312, 38%, 97%) | oklch(97.8% 0.007 332) | |
| Silver | #C9B3C6 | rgb(201, 179, 198) | hsl(308, 17%, 75%) | oklch(79.1% 0.036 330) | |
| Jade | #00A44D | rgb(0, 164, 77) | hsl(148, 100%, 32%) | oklch(62.8% 0.171 150) | |
| Licorice | #1E171D | rgb(30, 23, 29) | hsl(309, 13%, 10%) | oklch(21.6% 0.016 331) |
Why it works and how to use it
The palette holds together thanks to its neutral backbone and a strong light-to-dark ladder (97% down to 10% lightness). A natural fit for websites, presentations and branding.
- Background: Smoke (#FBF6FA) is the lightest color, so it belongs on large surfaces.
- Text: Licorice (#1E171D) on #FBF6FA gives 16.45:1, passing WCAG AAA.
- Primary: Jade (#00A44D) is the most saturated mid-tone; use it for buttons and links (3.06:1 against the background, fine for UI elements).
- Accent: Silver (#C9B3C6) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Smoke on Licorice at 16.45:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Jade & Silver Breeze
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
#FBF6FA
#C9B3C6
#00A44D
#1E171D
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#FBF6FA on #1E171D | Aa | 16.45:1 | AAA |
#C9B3C6 on #1E171D | Aa | 8.99:1 | AAA |
#00A44D on #1E171D | Aa | 5.37:1 | AA |
#FBF6FA on #00A44D | Aa | 3.06:1 | AA large only |
#FBF6FA on #C9B3C6 | Aa | 1.83:1 | Fail |
#C9B3C6 on #00A44D | Aa | 1.67:1 | Fail |
Similar palettes 24 more in this mood
#F9F0F7
#ADD500
#D1B7CC
#291D27
#19292F
#71838B
#EEE431
#E9F3F8
#393A3C
#00BD3A
#ACB3C1
#E8E8EA
#283A31
#E623B0
#A5C6B5
#F0FBF5
#1B242E
#D3BF00
#B7CEE9
#F1F7FE
#2B0F54
#AB1F65
#FF4F69
#FFF7F8
#0B0F14
#3C4552
#2EE6A6
#E6EDF3
#0D1A14
#385645
#6DBF8A
#E8F3EC
#18191A
#4F5052
#B8F53F
#F7F7F5
#B22B34
#F2C14E
#2E9CA6
#F4EBD9
#2B2B2B
#E63946
#F1FAEE
#457B9D
#13405A
#F14740
#FFA15F
#FFFBE4
#D8AE4F
#8E9700
#44A041
#008E71
#9AD3FF
#64E1AB
#00CBC3
#008BA3
#008B6D
#6C8B38
#00CFCB
#86D894
#EAF3EB
#00943C
#628266
#0D1C10
#A1CC93
#AAA9C7
#BA955A
#7C7A95
#3A0546
#B31D33
#FD5B03
#FFF7F8
#66478D
#926DBA
#FFD050
#FCFAF5
#1F333D
#F749B0
#A1CEE3
#DBE8EE
#AA7000
#009C66
#66A019
#B9A916
#1C1616
#8A6E6C
#24C43D
#F1ECEC
#3B684F
#855D7A
#B47798
#88BA9B