#0A0A0A
#3A3A3A
#E9E3D5
#FFFFFF
#FDFDFDWhite
#E3E3E3Ice
#3E3A2ETaupe
#0A0A0AObsidian
Calm Taupe & White is a muted neutral-based color palette tagged dark, monochrome, minimal. Built almost entirely from neutrals, with Taupe (#3E3A2E) as the single point of color. Saturation stays low across the board, giving it a calm, editorial feel.
Color codes click any value to copy
Why it works and how to use it
It works because the lightness range is wide (4% to 99%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: White (#FDFDFD) is the lightest color, so it belongs on large surfaces.
- Text: Obsidian (#0A0A0A) on #FDFDFD gives 19.46:1, passing WCAG AAA.
- Primary: Taupe (#3E3A2E) is the most saturated mid-tone; use it for buttons and links (11.16:1 against the background, fine for UI elements).
- Accent: Ice (#E3E3E3) for highlights, badges and hover states.
4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is White on Obsidian at 19.46:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Calm Taupe & White
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
#FDFDFD
#E3E3E3
#3E3A2E
#0A0A0A
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#FDFDFD on #0A0A0A | Aa | 19.46:1 | AAA |
#E3E3E3 on #0A0A0A | Aa | 15.43:1 | AAA |
#FDFDFD on #3E3A2E | Aa | 11.16:1 | AAA |
#E3E3E3 on #3E3A2E | Aa | 8.85:1 | AAA |
#3E3A2E on #0A0A0A | Aa | 1.74:1 | Fail |
#FDFDFD on #E3E3E3 | Aa | 1.26:1 | Fail |
Similar palettes 24 more in this mood
#000000
#3A3A3A
#7A7A7A
#EDEDED
#0F0F0F
#444444
#B5B5B5
#FFFFFF
#FDFDFD
#BDBDBD
#5C5C5C
#000000
#040404
#333333
#9D9D9D
#EBEBEB
#000000
#5C5C5C
#BDBDBD
#FFFFFF
#EDEDED
#7A7A7A
#3A3A3A
#000000
#010101
#4E4E4E
#919191
#FAFAFA
#000000
#3B3B3B
#EEE4CF
#FFFDF8
#000000
#3A3A3A
#D4AF37
#F2F2F2
#212529
#525A61
#ADB5BD
#F8F9FA
#0A0A0A
#3D3D3D
#CCFF00
#FFFFFF
#1E1E1E
#575757
#8A8A8A
#EDEDED
#111111
#424242
#FF3B3B
#FAFAFA
#0B0F14
#3C4552
#2EE6A6
#E6EDF3
#1A1A1D
#4C4C54
#E8788A
#F4F4F6
#111318
#454A54
#F4A7B9
#FBFBFC
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#18191A
#4F5052
#B8F53F
#F7F7F5
#141210
#4D4742
#C97B3A
#F2EAE2
#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#050505
#373737
#AA5C00
#FDFDFD
#F0F0F0
#7454DD
#574F44
#0E0E0E
#18191A
#4F5052
#FFCAF0
#F7F7F5