#C4A484
#E6D3B3
#A98467
#F7F1E8
#785375Plum
#AF7EA2Stone
#F1D1A3Apricot
#FFF9F2Snow
Sunbaked Stone & Apricot is a split color palette tagged boho, muted, white. The hues span about 90°, enough contrast to create a focal point without the harshness of true complements. 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 |
|---|---|---|---|---|---|
| Plum | #785375 | rgb(120, 83, 117) | hsl(305, 18%, 40%) | oklch(49.4% 0.070 329) | |
| Stone | #AF7EA2 | rgb(175, 126, 162) | hsl(316, 23%, 59%) | oklch(65.3% 0.078 336) | |
| Apricot | #F1D1A3 | rgb(241, 209, 163) | hsl(35, 74%, 79%) | oklch(87.7% 0.070 77) | |
| Snow | #FFF9F2 | rgb(255, 249, 242) | hsl(32, 100%, 97%) | oklch(98.5% 0.011 72) |
Why it works and how to use it
It works because the lightness range is wide (40% to 97%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Snow (#FFF9F2) is the lightest color, so it belongs on large surfaces.
- Text: Plum (#785375) on #FFF9F2 gives 6.1:1, passing WCAG AA.
- Primary: Apricot (#F1D1A3) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Stone (#AF7EA2) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Plum on Snow at 6.1:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Sunbaked Stone & 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
#785375
#AF7EA2
#F1D1A3
#FFF9F2
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#785375 on #FFF9F2 | Aa | 6.1:1 | AA |
#785375 on #F1D1A3 | Aa | 4.37:1 | AA large only |
#AF7EA2 on #FFF9F2 | Aa | 3.17:1 | AA large only |
#AF7EA2 on #F1D1A3 | Aa | 2.27:1 | Fail |
#785375 on #AF7EA2 | Aa | 1.92:1 | Fail |
#F1D1A3 on #FFF9F2 | Aa | 1.4:1 | Fail |
Similar palettes 24 more in this mood
#5E8B86
#A7C4BC
#D9A87E
#F6F0E6
#73A19B
#C4E2DA
#EFBD92
#FFF9F0
#778452
#B9C288
#F1BF95
#FEF9F1
#61684F
#9BA082
#C9AD97
#F5F2EE
#353C54
#646E8E
#C6AB8C
#F3EFE9
#5E3A5B
#9A6B8E
#D9B98C
#F6EFE6
#2E3A66
#5C6BA6
#D7A66B
#F5EFE4
#5F6B3A
#9AA36A
#D9A87E
#F7F2EA
#D98C6B
#EFC1A2
#B5A78F
#F8F2EA
#C9971C
#E4C36B
#8A6A44
#F5EEDF
#5CBAA9
#5E99B8
#23737D
#356345
#574D51
#9EB9B2
#EEEAD2
#DEBC92
#F4A583
#FFD6BB
#D0C2A9
#FFF9F1
#DC8A37
#F8B872
#91654D
#F5EEDF
#E4B141
#FAD981
#9F7E57
#FFFAEE
#5589A4
#B59A69
#D8C497
#CDC3FF
#A8A62B
#C5CF76
#7D7142
#F5EEDF
#5C4B51
#8CBEB2
#F2EBBF
#F3B562
#A44A3F
#D4A373
#DCE3A8
#FBE6C2
#8BEACA
#D0DC82
#E3BD60
#457042
#D4B693
#B18974
#8E974C
#896F00
#2E5499
#659699
#BF836B
#D8A282
#7F6000
#B8885D
#B3B96E
#AEE699