#222831
#575D65
#00ADB5
#EEEEEE
#1B2025Raisin
#4D5664Graphite
#76FFC5Aquamarine
#F6FBFFSnow
Aquamarine & Graphite Breeze is a neutral-based color palette tagged dark, tech, minimal. Built almost entirely from neutrals, with Aquamarine (#76FFC5) 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 | #1B2025 | rgb(27, 32, 37) | hsl(210, 16%, 13%) | oklch(24.1% 0.012 248) | |
| Graphite | #4D5664 | rgb(77, 86, 100) | hsl(217, 13%, 35%) | oklch(45.1% 0.026 259) | |
| Aquamarine | #76FFC5 | rgb(118, 255, 197) | hsl(155, 100%, 73%) | oklch(90.8% 0.146 163) | |
| Snow | #F6FBFF | rgb(246, 251, 255) | hsl(207, 100%, 98%) | oklch(98.5% 0.008 242) |
Why it works and how to use it
It works because the lightness range is wide (13% to 98%), which gives clear hierarchy between background, content and accents. Try it for a SaaS landing page or dashboard.
- Background: Snow (#F6FBFF) is the lightest color, so it belongs on large surfaces.
- Text: Raisin (#1B2025) on #F6FBFF gives 15.75:1, passing WCAG AAA.
- Primary: Aquamarine (#76FFC5) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Graphite (#4D5664) for highlights, badges and hover states.
4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on Snow at 15.75:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Aquamarine & Graphite Breeze
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
#1B2025
#4D5664
#76FFC5
#F6FBFF
Color-blind check: under protanopia, Aquamarine and Snow 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 |
|---|---|---|---|
#1B2025 on #F6FBFF | Aa | 15.75:1 | AAA |
#1B2025 on #76FFC5 | Aa | 13.19:1 | AAA |
#4D5664 on #F6FBFF | Aa | 7.12:1 | AAA |
#4D5664 on #76FFC5 | Aa | 5.96:1 | AA |
#1B2025 on #4D5664 | Aa | 2.21:1 | Fail |
#76FFC5 on #F6FBFF | Aa | 1.19:1 | Fail |
Similar palettes 24 more in this mood
#0A0A0A
#3D3D3D
#CCFF00
#FFFFFF
#0B0F14
#3C4552
#2EE6A6
#E6EDF3
#161B22
#484E55
#F0B429
#E6EDF3
#151515
#4E4E4E
#577AFF
#FAFAFA
#050505
#373737
#3D5AFE
#FFFFFF
#0A0A0A
#3D3D3D
#B3FFB0
#FDFDFD
#131822
#494F5B
#6C74BE
#F9FAFB
#1E1B18
#6B5D4F
#C9B79C
#F4EFE6
#0A0A0A
#353A40
#7FC8F8
#F5FAFF
#ECF2F7
#DF2E05
#3C4F5E
#0A1218
#181818
#494E54
#BCE4FF
#F6FBFF
#000000
#3A3A3A
#D4AF37
#F2F2F2
#3E2723
#6D4C41
#A1887F
#EFEBE9
#212529
#525A61
#ADB5BD
#F8F9FA
#1E1E1E
#575757
#8A8A8A
#EDEDED
#1C2541
#465D79
#5BC0BE
#FFFFFF
#111111
#424242
#FF3B3B
#FAFAFA
#1A1A1D
#4C4C54
#E8788A
#F4F4F6
#111318
#454A54
#F4A7B9
#FBFBFC
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#18191A
#4F5052
#B8F53F
#F7F7F5
#141210
#4D4742
#C97B3A
#F2EAE2
#FBFBF9
#DFE1DD
#4C6B58
#1F2A24