#222831
#575D65
#00ADB5
#EEEEEE
#262626Raisin
#A5BBB9Ash
#83FFDFAquamarine
#FAFFFFWhite
Calm Aquamarine & Ash is a neutral-based color palette tagged minimal, gray, teal. Built almost entirely from neutrals, with Aquamarine (#83FFDF) as the single point of color. 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 |
|---|---|---|---|---|---|
| Raisin | #262626 | rgb(38, 38, 38) | hsl(0, 0%, 15%) | oklch(26.9% 0.000 0) | |
| Ash | #A5BBB9 | rgb(165, 187, 185) | hsl(175, 14%, 69%) | oklch(77.5% 0.024 190) | |
| Aquamarine | #83FFDF | rgb(131, 255, 223) | hsl(165, 100%, 76%) | oklch(91.9% 0.121 175) | |
| White | #FAFFFF | rgb(250, 255, 255) | hsl(180, 100%, 99%) | oklch(99.6% 0.005 197) |
Why it works and how to use it
Two of the four colors are near-neutral, which leaves room for Aquamarine to lead. Lightness runs from 15% to 99%. Well suited to websites, presentations and branding.
- Background: White (#FAFFFF) is the lightest color, so it belongs on large surfaces.
- Text: Raisin (#262626) on #FAFFFF gives 15:1, passing WCAG AAA.
- Primary: Aquamarine (#83FFDF) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Ash (#A5BBB9) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on White at 15:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Calm Aquamarine & Ash
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
#262626
#A5BBB9
#83FFDF
#FAFFFF
Color-blind check: under protanopia, Aquamarine and White 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 |
|---|---|---|---|
#262626 on #FAFFFF | Aa | 15:1 | AAA |
#262626 on #83FFDF | Aa | 12.49:1 | AAA |
#262626 on #A5BBB9 | Aa | 7.5:1 | AAA |
#A5BBB9 on #FAFFFF | Aa | 2:1 | Fail |
#A5BBB9 on #83FFDF | Aa | 1.67:1 | Fail |
#83FFDF on #FAFFFF | Aa | 1.2:1 | Fail |
Similar palettes 24 more in this mood
#F8FAFA
#D8E2E1
#0F766E
#1C2B2A
#332E2E
#00A3A2
#DFC6C8
#F8F5F5
#2B2B2B
#4A4A4A
#00E9DB
#F5F5F5
#0F3D3E
#1E6F6F
#C8B89A
#F3EFE7
#F1EFE7
#DAD7CD
#0F6E6B
#2B2B2B
#F5FBFB
#D9EFEF
#1BA3A8
#1E2A2B
#FDFDFD
#E4E4E4
#111111
#007F65
#242828
#809494
#A4FCFF
#EEFDFE
#007B82
#FDFDFD
#2E3440
#D8DEE9
#F1EFE7
#D9D4C7
#8C8A82
#2F2F2F
#3E4644
#88A9A0
#9FF3E0
#D9FFF6
#1E1B18
#6B5D4F
#C9B79C
#F4EFE6
#343B44
#6B717A
#40CBD3
#FAFAFA
#2B2A28
#8D8780
#D8D2C8
#F5F2ED
#F6F0E7
#E3D6C3
#2A7F7A
#173F3D
#3C5148
#7A9B76
#C8D5B9
#F6F5EE
#111318
#454A54
#74D4C7
#FBFBFC
#1A1A1D
#4C4C54
#00B7B2
#F4F4F6
#000000
#3A3A3A
#D4AF37
#F2F2F2
#3E2723
#6D4C41
#A1887F
#EFEBE9
#2C3E50
#7F8C8D
#BDC3C7
#ECF0F1
#212529
#525A61
#ADB5BD
#F8F9FA
#2B2B2B
#C9A227
#EAE7DC
#FFFFFF