#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#4E1A2EEspresso
#8E3B46Brick Red
#7F99E8Cornflower
#F6E7D3Champagne
Maple Cornflower & Brick Red is a complementary color palette tagged modern, blue. Near-complementary hues (about 169° apart) make this a high-contrast, attention-grabbing combination. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Espresso | #4E1A2E | rgb(78, 26, 46) | hsl(337, 50%, 20%) | oklch(30.5% 0.081 359) | |
| Brick Red | #8E3B46 | rgb(142, 59, 70) | hsl(352, 41%, 39%) | oklch(46.7% 0.113 14) | |
| Cornflower | #7F99E8 | rgb(127, 153, 232) | hsl(225, 70%, 70%) | oklch(69.6% 0.120 269) | |
| Champagne | #F6E7D3 | rgb(246, 231, 211) | hsl(34, 66%, 90%) | oklch(93.5% 0.031 75) |
Why it works and how to use it
With 4 chromatic colors, Cornflower takes the lead while the rest support. Lightness runs from 20% to 90%. Well suited to websites, presentations and branding.
- Background: Champagne (#F6E7D3) is the lightest color, so it belongs on large surfaces.
- Text: Espresso (#4E1A2E) on #F6E7D3 gives 11.44:1, passing WCAG AAA.
- Primary: Cornflower (#7F99E8) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Brick Red (#8E3B46) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Espresso on Champagne at 11.44:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Maple Cornflower & Brick Red
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
#4E1A2E
#8E3B46
#7F99E8
#F6E7D3
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#4E1A2E on #F6E7D3 | Aa | 11.44:1 | AAA |
#8E3B46 on #F6E7D3 | Aa | 6.04:1 | AA |
#4E1A2E on #7F99E8 | Aa | 5.05:1 | AA |
#8E3B46 on #7F99E8 | Aa | 2.66:1 | Fail |
#7F99E8 on #F6E7D3 | Aa | 2.27:1 | Fail |
#4E1A2E on #8E3B46 | Aa | 1.9:1 | Fail |
Similar palettes 24 more in this mood
#A630C1
#755EF5
#7ABCFF
#80E6FF
#EA4A59
#8EC5FC
#E0C3FC
#FDFDFD
#F9E6F9
#F2BBEF
#B0E8F5
#52549C
#EEF4FF
#92CEF9
#0090DA
#072E46
#1053C1
#9267B3
#E17BA0
#FFB390
#00736B
#20A8BE
#66B6E9
#ABC7FF
#4A3222
#8B5E3C
#72D1FF
#FFF8EC
#386AD0
#6E73E3
#B49DFF
#DEB4FF
#006DA4
#4E8DF9
#A3A9FF
#D5C1FF
#B6CCFF
#62B0FF
#00A0DD
#00657B
#9F004A
#B157B3
#A390FF
#98C8FF
#93D0FF
#849DFF
#A186CC
#853E7E
#D871CA
#0582CA
#F5F0E1
#F4A261
#929100
#8EC5FC
#E0C3FC
#FDFDFD
#3B1B5D
#66428B
#D2A400
#DFDDD8
#03045E
#0077B6
#CAF0F8
#FFB703
#EEF4FF
#A9C6FF
#4C7DFF
#1B2A49
#121214
#5D6064
#B3CCFF
#E6EEFF
#7A4A2E
#2788B4
#E7A977
#F9E4D0
#3E4F93
#5467BE
#E7A03E
#F5EFE4
#0B3D91
#1E88E5
#FF9EDA
#CCFF90
#4A2C1A
#7A4B2D
#85A7F0
#F2E9DA
#DEE8FF
#8ECEFF
#002026
#936800