#F1EFE7
#D9D4C7
#8C8A82
#2F2F2F
#373A39Onyx
#6F7774Dove Gray
#DAFE9CButter
#EBF2DFBeige
Butter & Beige Whisper color palette
Butter & Beige Whisper is a monochromatic color palette tagged 2026 trends, minimal, gray. All four colors sit within 0° of hue, so the scheme reads as one color explored across light and dark. Neither washed out nor loud, it adapts to most contexts.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Onyx | #373A39 | rgb(55, 58, 57) | hsl(160, 3%, 22%) | oklch(34.5% 0.004 174) | |
| Dove Gray | #6F7774 | rgb(111, 119, 116) | hsl(157, 3%, 45%) | oklch(56.2% 0.011 172) | |
| Butter | #DAFE9C | rgb(218, 254, 156) | hsl(82, 98%, 80%) | oklch(94.9% 0.129 125) | |
| Beige | #EBF2DF | rgb(235, 242, 223) | hsl(82, 42%, 91%) | oklch(95.1% 0.026 123) |
Why it works and how to use it
The palette holds together thanks to its monochromatic hue relationship and a strong light-to-dark ladder (91% down to 22% lightness). A natural fit for websites, presentations and branding.
- Background: Butter (#DAFE9C) is the lightest color, so it belongs on large surfaces.
- Text: Onyx (#373A39) on #DAFE9C gives 10.2:1, passing WCAG AAA.
- Primary: Beige (#EBF2DF) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Dove Gray (#6F7774) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Onyx on Butter at 10.2:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Butter & Beige Whisper
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
#373A39
#6F7774
#DAFE9C
#EBF2DF
Color-blind check: under tritanopia, Butter and Beige 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 |
|---|---|---|---|
#373A39 on #DAFE9C | Aa | 10.2:1 | AAA |
#373A39 on #EBF2DF | Aa | 10.02:1 | AAA |
#6F7774 on #DAFE9C | Aa | 4.08:1 | AA large only |
#6F7774 on #EBF2DF | Aa | 4.01:1 | AA large only |
#373A39 on #6F7774 | Aa | 2.5:1 | Fail |
#DAFE9C on #EBF2DF | Aa | 1.02:1 | Fail |
Similar palettes 24 more in this mood
#1E1B18
#6B5D4F
#C9B79C
#F4EFE6
#2B2A28
#8D8780
#D8D2C8
#F5F2ED
#2C2230
#836D8A
#FFC872
#F4EDF6
#F3F5F4
#AD6FDD
#4E5A58
#0F1212
#0C0F0E
#3E4542
#CDED95
#F6FDEC
#F1EFE7
#DAD7CD
#0F6E6B
#2B2B2B
#92433E
#F1EDE9
#D1C4B9
#1A1A1A
#363330
#7F7163
#E0CDB2
#FFF9F0
#A47864
#C9A58B
#E8D9CB
#F7F3EE
#7E9A8B
#B7C9BC
#D2DDD4
#F4F2EA
#7D93A8
#B3C3D1
#E3E9EE
#FBF8F3
#0B0F0E
#3A4642
#BEF62F
#F3FFE0
#D6373A
#FFF9F2
#EED7C1
#2D2D2D
#ECE7E4
#00A0AE
#5F4F44
#302823
#211F23
#646067
#FFA410
#DFDEE0
#292830
#6F6D83
#DBDB00
#E0DFE5
#B3001B
#F4EDE4
#D9C2AD
#1A1A1A
#92433E
#BF6664
#F3EBEB
#1D1D1D
#964300
#D35A00
#F8E9E9
#1D1D1D
#0F5C63
#2A8A8C
#9FD3CF
#F2F1EA
#FFEDD9
#FFCE9E
#927B66
#3B3A36
#FFF1B8
#F5D67A
#8A7F63
#3B3A36
#B3001B
#E63946
#F8E9E9
#1D1D1D