#0F5C63
#2A8A8C
#9FD3CF
#F2F1EA
#546705Fern
#8E7DBEAmethyst
#C8B8DBThistle
#F3EEF8Frost
Fern & Amethyst Glow is a complementary color palette tagged cold, white. Near-complementary hues (about 176° apart) make this a high-contrast, attention-grabbing combination. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Fern | #546705 | rgb(84, 103, 5) | hsl(72, 91%, 21%) | oklch(48.1% 0.114 122) | |
| Amethyst | #8E7DBE | rgb(142, 125, 190) | hsl(256, 33%, 62%) | oklch(63.1% 0.097 295) | |
| Thistle | #C8B8DB | rgb(200, 184, 219) | hsl(267, 33%, 79%) | oklch(80.7% 0.052 306) | |
| Frost | #F3EEF8 | rgb(243, 238, 248) | hsl(270, 42%, 95%) | oklch(95.6% 0.014 308) |
Why it works and how to use it
The palette holds together thanks to its complementary hue relationship and a strong light-to-dark ladder (95% down to 21% lightness). A natural fit for websites, presentations and branding.
- Background: Frost (#F3EEF8) is the lightest color, so it belongs on large surfaces.
- Text: Fern (#546705) on #F3EEF8 gives 5.54:1, passing WCAG AA.
- Primary: Amethyst (#8E7DBE) is the most saturated mid-tone; use it for buttons and links (3.16:1 against the background, fine for UI elements).
- Accent: Thistle (#C8B8DB) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Fern on Frost at 5.54:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Fern & Amethyst Glow
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
#546705
#8E7DBE
#C8B8DB
#F3EEF8
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#546705 on #F3EEF8 | Aa | 5.54:1 | AA |
#546705 on #C8B8DB | Aa | 3.41:1 | AA large only |
#8E7DBE on #F3EEF8 | Aa | 3.16:1 | AA large only |
#8E7DBE on #C8B8DB | Aa | 1.95:1 | Fail |
#546705 on #8E7DBE | Aa | 1.76:1 | Fail |
#C8B8DB on #F3EEF8 | Aa | 1.62:1 | Fail |
Similar palettes 24 more in this mood
#0E3B4A
#1F7A8C
#8FD5D2
#EAF7F5
#7B68EE
#A594F9
#CDC1FF
#F5EFFF
#006D77
#83C5BE
#EDF6F9
#FFDDD2
#3A86FF
#8EC5FC
#E0C3FC
#FFFFFF
#A8DADC
#457B9D
#1D3557
#F1FAEE
#6A4C93
#8E7DBE
#C8B8DB
#F3EEF8
#1B4965
#5FA8D3
#A8E0DE
#E4F1FF
#0B3D2E
#00FF87
#60EFFF
#FFFFFF
#1B4332
#2D6A4F
#B7B7A4
#F0EFEB
#1C2541
#465D79
#5BC0BE
#FFFFFF
#00A8A8
#4FD1C5
#B2F5EA
#F0FFF4
#EEF9F7
#BCE7E0
#85CFC5
#2F5F5A
#F6F1FF
#D8CCF5
#B4A2E8
#3E3560
#14101F
#4D4365
#8E6BFF
#EEE9FF
#3D405B
#81B29A
#96DEFF
#F4F1DE
#DFB8FA
#B1E7E9
#AEBEE7
#FDFDFD
#121826
#8A2BE2
#00FFC6
#F0F0FF
#E0EFFF
#6EB2FC
#1E5B9A
#002344
#18213B
#526195
#7393C1
#ECFFFB
#ECFFFE
#81FEF1
#87C8BE
#89978D
#1F4E79
#3C8DBC
#A9D6E5
#EAF6FB
#13505B
#0C7489
#8FD3E0
#F0FAFB
#3D3B6B
#6D6CA6
#B9B8E3
#F2F1FB