#F0EEEA
#5A5A5A
#FFCEB7
#B88DCD
#484848Graphite
#FFC8AEApricot
#BCABFFWisteria
#EEEEEEFrost
Juicy Wisteria & Apricot is a pastel light, split color palette tagged modern, gray, beige. The hues span about 127°, enough contrast to create a focal point without the harshness of true complements. The colors are light and airy, which suits friendly, soft-spoken brands. Warm and cool hues are mixed, which adds depth.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Graphite | #484848 | rgb(72, 72, 72) | hsl(0, 0%, 28%) | oklch(40.2% 0.000 0) | |
| Apricot | #FFC8AE | rgb(255, 200, 174) | hsl(19, 100%, 84%) | oklch(87.5% 0.072 47) | |
| Wisteria | #BCABFF | rgb(188, 171, 255) | hsl(252, 100%, 84%) | oklch(78.7% 0.119 293) | |
| Frost | #EEEEEE | rgb(238, 238, 238) | hsl(0, 0%, 93%) | oklch(94.9% 0.000 0) |
Why it works and how to use it
The palette holds together thanks to its split hue relationship and a strong light-to-dark ladder (93% down to 28% lightness). A natural fit for social media templates and gentle interfaces.
- Background: Frost (#EEEEEE) is the lightest color, so it belongs on large surfaces.
- Text: Graphite (#484848) on #EEEEEE gives 7.88:1, passing WCAG AAA.
- Primary: Apricot (#FFC8AE) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Wisteria (#BCABFF) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Graphite on Frost at 7.88:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Juicy Wisteria & Apricot
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
#484848
#FFC8AE
#BCABFF
#EEEEEE
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#484848 on #EEEEEE | Aa | 7.88:1 | AAA |
#484848 on #FFC8AE | Aa | 6.15:1 | AA |
#484848 on #BCABFF | Aa | 4.53:1 | AA |
#BCABFF on #EEEEEE | Aa | 1.74:1 | Fail |
#FFC8AE on #BCABFF | Aa | 1.36:1 | Fail |
#FFC8AE on #EEEEEE | Aa | 1.28:1 | Fail |
Similar palettes 24 more in this mood
#FFA476
#282828
#8335CA
#FAFAFA
#5C8D89
#A7D7C5
#F4F9F4
#F2C57C
#FFF8F0
#FFD2CB
#FF819E
#1B3240
#FDFDFF
#FFDFBC
#B9B9B9
#222222
#F8FFFF
#5CB7B8
#FFABBA
#919191
#1B1B1B
#BF9800
#CC3BB1
#F2F2F2
#655B57
#F36893
#C3A7A5
#FFF1E6
#F3F5F4
#AD6FDD
#4E5A58
#0F1212
#142532
#528494
#DE9D89
#FAF4E9
#FFF8F0
#FFD6A5
#FF8C42
#2B2D42
#DCFBFF
#78B9B2
#5A6164
#EEA083
#F7F2EA
#E6DCCB
#CBBBA0
#6B6155
#FFF9F4
#FFE0C7
#F28C38
#2A2320
#1B1B1B
#D68B00
#B549D5
#F2F2F2
#FFAF7F
#E0961F
#E3FFFF
#818181
#FFF7F9
#EED8E0
#B341D6
#221A2B
#2D2B26
#F1F1F1
#AC4800
#C87CE9
#3C3C3C
#747474
#FFB2AA
#EEEEEE
#FFF8F0
#FFD6A5
#00BFFC
#2B2D42
#8B5E1E
#AD9FFA
#F3D48A
#FFF8E5
#685F58
#9B907E
#CBD8B6
#EEEFE8
#BF6664
#293548
#F4F9F2
#E6D59B
#111111
#424242
#E444BE
#FAFAFA