#006F5B
#F4EDE4
#D9C2AD
#1A1A1A
#0D1A14Licorice
#325461Peacock
#48BADCCyan
#E8F3ECFrost
Cyan & Peacock Field is a analogous color palette tagged dark, minimal, black. Analogous neighbors on the wheel (Peacock, Cyan, Frost) 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 |
|---|---|---|---|---|---|
| Licorice | #0D1A14 | rgb(13, 26, 20) | hsl(152, 33%, 8%) | oklch(20.3% 0.022 164) | |
| Peacock | #325461 | rgb(50, 84, 97) | hsl(197, 32%, 29%) | oklch(42.5% 0.045 224) | |
| Cyan | #48BADC | rgb(72, 186, 220) | hsl(194, 68%, 57%) | oklch(73.8% 0.112 221) | |
| Frost | #E8F3EC | rgb(232, 243, 236) | hsl(142, 31%, 93%) | oklch(95.4% 0.015 158) |
Why it works and how to use it
With 3 chromatic colors, Cyan takes the lead while the rest support. Lightness runs from 8% to 93%. Well suited to websites, presentations and branding.
- Background: Frost (#E8F3EC) is the lightest color, so it belongs on large surfaces.
- Text: Licorice (#0D1A14) on #E8F3EC gives 15.71:1, passing WCAG AAA.
- Primary: Cyan (#48BADC) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Peacock (#325461) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Licorice on Frost at 15.71:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Cyan & Peacock 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
#0D1A14
#325461
#48BADC
#E8F3EC
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#0D1A14 on #E8F3EC | Aa | 15.71:1 | AAA |
#0D1A14 on #48BADC | Aa | 7.94:1 | AAA |
#325461 on #E8F3EC | Aa | 7.17:1 | AAA |
#325461 on #48BADC | Aa | 3.62:1 | AA large only |
#0D1A14 on #325461 | Aa | 2.19:1 | Fail |
#48BADC on #E8F3EC | Aa | 1.98:1 | Fail |
Similar palettes 24 more in this mood
#222831
#575D65
#00ADB5
#EEEEEE
#111318
#454A54
#74D4C7
#FBFBFC
#1A1A1D
#4C4C54
#00B7B2
#F4F4F6
#000000
#3A3A3A
#D4AF37
#F2F2F2
#0A0A0A
#3D3D3D
#CCFF00
#FFFFFF
#111111
#424242
#FF3B3B
#FAFAFA
#0B0F14
#3C4552
#2EE6A6
#E6EDF3
#06141B
#314C5A
#1FA2B8
#CDE9EF
#14101F
#4D4365
#8E6BFF
#EEE9FF
#1A1A1D
#4C4C54
#E8788A
#F4F4F6
#0D1A14
#385645
#6DBF8A
#E8F3EC
#111318
#454A54
#F4A7B9
#FBFBFC
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#18191A
#4F5052
#B8F53F
#F7F7F5
#141210
#4D4742
#C97B3A
#F2EAE2
#0B0A12
#393751
#A78BFA
#ECE9FE
#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#050505
#373737
#AA5C00
#FDFDFD
#F5EDEF
#BB4770
#5A4449
#140B0D
#F8EEE8
#DB7900
#584332
#140902
#F0F0F0
#7454DD
#574F44
#0E0E0E
#F0F3FC
#00C458
#4C5774
#090D18
#18191A
#4F5052
#FFCAF0
#F7F7F5