#222831
#575D65
#00ADB5
#EEEEEE
#111318Licorice
#454A54Graphite
#74D4C7Turquoise
#FBFBFCSnow
Turquoise & Graphite Field is a neutral-based color palette tagged dark, minimal, black. Built almost entirely from neutrals, with Turquoise (#74D4C7) 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 |
|---|---|---|---|---|---|
| Licorice | #111318 | rgb(17, 19, 24) | hsl(223, 17%, 8%) | oklch(18.7% 0.011 268) | |
| Graphite | #454A54 | rgb(69, 74, 84) | hsl(220, 10%, 30%) | oklch(40.8% 0.018 264) | |
| Turquoise | #74D4C7 | rgb(116, 212, 199) | hsl(172, 53%, 64%) | oklch(80.7% 0.093 184) | |
| Snow | #FBFBFC | rgb(251, 251, 252) | hsl(240, 14%, 99%) | oklch(98.8% 0.001 286) |
Why it works and how to use it
Two of the four colors are near-neutral, which leaves room for Turquoise to lead. Lightness runs from 8% to 99%. Well suited to websites, presentations and branding.
- Background: Snow (#FBFBFC) is the lightest color, so it belongs on large surfaces.
- Text: Licorice (#111318) on #FBFBFC gives 17.97:1, passing WCAG AAA.
- Primary: Turquoise (#74D4C7) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Graphite (#454A54) for highlights, badges and hover states.
4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Licorice on Snow at 17.97:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Turquoise & Graphite Field
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
#111318
#454A54
#74D4C7
#FBFBFC
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#111318 on #FBFBFC | Aa | 17.97:1 | AAA |
#111318 on #74D4C7 | Aa | 10.6:1 | AAA |
#454A54 on #FBFBFC | Aa | 8.6:1 | AAA |
#454A54 on #74D4C7 | Aa | 5.08:1 | AA |
#111318 on #454A54 | Aa | 2.09:1 | Fail |
#74D4C7 on #FBFBFC | Aa | 1.69:1 | Fail |
Similar palettes 24 more in this mood
#1A1A1D
#4C4C54
#00B7B2
#F4F4F6
#000000
#3A3A3A
#D4AF37
#F2F2F2
#0A0A0A
#3D3D3D
#CCFF00
#FFFFFF
#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
#2B2B2B
#4A4A4A
#00E9DB
#F5F5F5
#0B0B0B
#3F3F3F
#C9A961
#F7F4EC
#050505
#373737
#007F9E
#FDFDFD
#F3F5F4
#AD6FDD
#4E5A58
#0F1212
#E8EEEE
#DD5600
#596564
#050D0D
#F4F4F4
#ADADAD
#513C00
#0D0B06
#0C0F0E
#3E4542
#CDED95
#F6FDEC
#151515
#4E4E4E
#577AFF
#FAFAFA
#121214
#5D6064
#B3CCFF
#E6EEFF