#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#FDFDFDWhite
#D3EAE8Ice
#92B5FFBaby Blue
#0B2B2ERaisin
Quiet Baby Blue & Raisin is a analogous color palette tagged minimal, white, gray. Analogous neighbors on the wheel (Ice, Baby Blue, Raisin) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| White | #FDFDFD | rgb(253, 253, 253) | hsl(0, 0%, 99%) | oklch(99.4% 0.000 0) | |
| Ice | #D3EAE8 | rgb(211, 234, 232) | hsl(175, 35%, 87%) | oklch(92.0% 0.024 190) | |
| Baby Blue | #92B5FF | rgb(146, 181, 255) | hsl(221, 100%, 79%) | oklch(77.6% 0.113 265) | |
| Raisin | #0B2B2E | rgb(11, 43, 46) | hsl(185, 61%, 11%) | oklch(26.7% 0.037 204) |
Why it works and how to use it
It works because the lightness range is wide (11% 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: Raisin (#0B2B2E) on #FDFDFD gives 14.75:1, passing WCAG AAA.
- Primary: Baby Blue (#92B5FF) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Ice (#D3EAE8) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is White on Raisin at 14.75:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Quiet Baby Blue & Raisin
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
#D3EAE8
#92B5FF
#0B2B2E
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 #0B2B2E | Aa | 14.75:1 | AAA |
#D3EAE8 on #0B2B2E | Aa | 11.94:1 | AAA |
#92B5FF on #0B2B2E | Aa | 7.34:1 | AAA |
#FDFDFD on #92B5FF | Aa | 2.01:1 | Fail |
#D3EAE8 on #92B5FF | Aa | 1.63:1 | Fail |
#FDFDFD on #D3EAE8 | Aa | 1.24:1 | Fail |
Similar palettes 24 more in this mood
#050505
#373737
#007F9E
#FDFDFD
#F1EDEA
#C2AA9C
#3278FF
#241E1B
#2C2B23
#676347
#7C7BFF
#F2F1EC
#2C2C2C
#686868
#86A4FF
#EEEEEE
#151515
#4E4E4E
#577AFF
#FAFAFA
#121214
#5D6064
#B3CCFF
#E6EEFF
#F5F7FA
#D9E1EA
#3B6EA5
#1C2733
#050505
#373737
#3D5AFE
#FFFFFF
#F0F6FF
#A7C9FA
#6C5A3F
#262320
#FDFDFD
#737373
#1800A7
#050505
#404C60
#738DAB
#97C4F5
#E7F0F9
#141210
#4D4742
#329BD4
#F2EAE2
#161B22
#484E55
#9DBFFF
#E6EDF3
#EDEEF0
#C9CCD1
#006699
#05141E
#F1EFE7
#D9D4C7
#8C8A82
#2F2F2F
#131822
#494F5B
#6C74BE
#F9FAFB
#1E1B18
#6B5D4F
#C9B79C
#F4EFE6
#F3F6F7
#C0C9CE
#85DFFF
#1F2A2E
#2B2B2B
#6B4E3D
#0077B0
#F4EFEA
#2B2A28
#8D8780
#D8D2C8
#F5F2ED
#222831
#575D65
#00ADB5
#EEEEEE
#3C5148
#7A9B76
#C8D5B9
#F6F5EE
#F1F4FA
#B6C6E6
#6886CB
#222B3C