#FFAD6D
#F6ECDB
#E2CAFF
#C5E4BE
#F4F1DEBeige
#F2CC8FApricot
#81B29ASage
#E07A5FTerracotta
Lemon Fizz is a pastel light, complementary color palette tagged pastel, white, orange. Near-complementary hues (about 138° apart) make this a high-contrast, attention-grabbing combination. High lightness and gentle saturation put it firmly in pastel territory. Warm and cool hues are mixed, which adds depth.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Beige | #F4F1DE | rgb(244, 241, 222) | hsl(52, 50%, 91%) | oklch(95.5% 0.025 100) | |
| Apricot | #F2CC8F | rgb(242, 204, 143) | hsl(37, 79%, 75%) | oklch(86.4% 0.089 79) | |
| Sage | #81B29A | rgb(129, 178, 154) | hsl(151, 24%, 60%) | oklch(72.2% 0.063 163) | |
| Terracotta | #E07A5F | rgb(224, 122, 95) | hsl(13, 68%, 63%) | oklch(68.8% 0.133 36) |
Why it works and how to use it
It works because the lightness steps are gentle (60% to 91%), which keeps the mood consistent from edge to edge. Try it for social media templates and gentle interfaces.
- Background: Beige (#F4F1DE) is the lightest color, so it belongs on large surfaces.
- Text: Terracotta (#E07A5F) on #F4F1DE gives 2.6:1, so pair it with a darker neutral for body copy.
- Primary: Apricot (#F2CC8F) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Sage (#81B29A) for highlights, badges and hover states.
No pair inside the palette reaches 4.5:1, so add black or white for body text.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Lemon Fizz
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
#F4F1DE
#F2CC8F
#81B29A
#E07A5F
Color-blind check: under deuteranopia, Sage and Terracotta become hard to tell apart, so do not rely on that pair alone to carry meaning.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#F4F1DE on #E07A5F | Aa | 2.6:1 | Fail |
#F4F1DE on #81B29A | Aa | 2.11:1 | Fail |
#F2CC8F on #E07A5F | Aa | 1.94:1 | Fail |
#F2CC8F on #81B29A | Aa | 1.57:1 | Fail |
#F4F1DE on #F2CC8F | Aa | 1.34:1 | Fail |
#81B29A on #E07A5F | Aa | 1.23:1 | Fail |
Similar palettes 24 more in this mood
#C8EBC0
#DCC0FF
#F1EBE2
#FFB06B
#D9A48F
#EFC8B8
#F7E6DC
#FFFAF6
#FF9A8B
#FFB4A2
#FFCDB2
#FFF1E6
#84A59D
#F5CAC3
#F6BD60
#F7EDE2
#FFBE98
#F9A98D
#F8D5C2
#FFF4EC
#FFA891
#F7C6B5
#FBEDE7
#F0BC7A
#C9A66B
#E4C590
#F1E3C8
#F9F5EC
#D98C6B
#EFC1A2
#B5A78F
#F8F2EA
#FFE9EC
#E9C5B9
#D4BFF1
#C293B7
#DFB8FA
#B1E7E9
#AEBEE7
#FDFDFD
#DCABC0
#BCB5F1
#FFC0BD
#F7ECF9
#FFAFCC
#BDE0FE
#CDB4DB
#FFFFFF
#F7E9DF
#FFC8D4
#E9AFD8
#C29991
#FFFDF7
#FFDFDA
#DDAF7C
#AF93D7
#F7D8A8
#A5C786
#E5945E
#AEAA73
#F6B078
#F0CBAA
#FBEDE7
#DAC777
#FFDCD3
#FFB8BF
#EA944C
#DA90B3
#FF9AC0
#91C4EE
#D2ADE6
#FDFDFD
#C1D7C4
#BBF0F9
#E5F1BF
#F0FBF8
#DA8996
#EDD5A0
#A6CEA7
#FDFDFD
#E194AB
#F8B373
#FFAFAD
#FFD0BE
#E7EAFF
#D8C7FF
#DCACDB
#C3A9B3
#FBF6F0
#F3DCD4
#E8B4B8
#B8A184