#0B1814
#FF87A1
#00DACE
#F2D100
#21141BLicorice
#C1AA00Brass
#FF98DFFlamingo
#FFCAEBCotton Candy
Volt Brass & Flamingo is a vivid split color palette tagged warm, black, yellow. A split scheme: Licorice plays against Cotton Candy across roughly 94° of hue. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Licorice | #21141B | rgb(33, 20, 27) | hsl(328, 25%, 10%) | oklch(21.1% 0.025 346) | |
| Brass | #C1AA00 | rgb(193, 170, 0) | hsl(53, 100%, 38%) | oklch(73.5% 0.153 100) | |
| Flamingo | #FF98DF | rgb(255, 152, 223) | hsl(319, 100%, 80%) | oklch(80.8% 0.150 340) | |
| Cotton Candy | #FFCAEB | rgb(255, 202, 235) | hsl(323, 100%, 90%) | oklch(89.5% 0.073 341) |
Why it works and how to use it
The palette holds together thanks to its split hue relationship and a strong light-to-dark ladder (90% down to 10% lightness). A natural fit for websites, presentations and branding.
- Background: Cotton Candy (#FFCAEB) is the lightest color, so it belongs on large surfaces.
- Text: Licorice (#21141B) on #FFCAEB gives 12.62:1, passing WCAG AAA.
- Primary: Brass (#C1AA00) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Flamingo (#FF98DF) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Licorice on Cotton Candy at 12.62:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Volt Brass & Flamingo
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
#21141B
#C1AA00
#FF98DF
#FFCAEB
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#21141B on #FFCAEB | Aa | 12.62:1 | AAA |
#21141B on #FF98DF | Aa | 9.16:1 | AAA |
#21141B on #C1AA00 | Aa | 7.64:1 | AAA |
#C1AA00 on #FFCAEB | Aa | 1.65:1 | Fail |
#FF98DF on #FFCAEB | Aa | 1.38:1 | Fail |
#C1AA00 on #FF98DF | Aa | 1.2:1 | Fail |
Similar palettes 24 more in this mood
#FFD0C4
#FFBC87
#F7B611
#FC8494
#F1DF65
#FFC5C5
#F2A100
#D15800
#1A1011
#FF5C93
#2CBBFF
#FF99C1
#08060C
#FF77D6
#FFAEC2
#CFC2FF
#F65840
#E664CF
#FF9427
#FF97B3
#C6D8FF
#FFB7D0
#00D1B1
#0A1E19
#FFD1CD
#FFAB2F
#F189A9
#E87D41
#ACBD00
#5FCF64
#FBA255
#FFD262
#F1215C
#E0684D
#D29000
#FFD2B5
#D3AB00
#60D968
#BCD355
#FFC893
#B9A718
#FF8F59
#B2DC82
#FFC87F
#39C569
#A1BA5E
#E7BD00
#FFD1A7
#F8BDFF
#FF9792
#FF9952
#FC6FB2
#FFB8CB
#CFA8FF
#FF8471
#08050B
#72A900
#AC9900
#E29300
#FFD5C5
#EA6026
#BF8900
#FFC697
#F6E780
#181007
#00D7E6
#F9B4FF
#FFC968
#B96D00
#D39E00
#FF864F
#D2C600
#130208
#A2A1FF
#FFAFB6
#E3D100
#9BBB00
#FFC145
#FFC290
#F6DD00
#FFDAD7
#EF8646
#C98D21
#EB5696
#CE8400
#FF94C7
#FFA37B
#FFC1C2
#B8F363
#89EFA3
#FFC546
#B2A900