#B7426B
#D87300
#FFAC9F
#F8C13F
#381B3FSpace
#99415BBrick Red
#E36356Terracotta
#ECCD76Saffron
Blush Terracotta & Brick Red is a split color palette tagged sunset, dark, yellow. The hues span about 116°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Space | #381B3F | rgb(56, 27, 63) | hsl(288, 40%, 18%) | oklch(28.0% 0.073 320) | |
| Brick Red | #99415B | rgb(153, 65, 91) | hsl(342, 40%, 43%) | oklch(49.9% 0.120 4) | |
| Terracotta | #E36356 | rgb(227, 99, 86) | hsl(6, 72%, 61%) | oklch(65.6% 0.162 28) | |
| Saffron | #ECCD76 | rgb(236, 205, 118) | hsl(44, 76%, 69%) | oklch(85.6% 0.112 90) |
Why it works and how to use it
It works because the lightness range is wide (18% to 69%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Saffron (#ECCD76) is the lightest color, so it belongs on large surfaces.
- Text: Space (#381B3F) on #ECCD76 gives 9.71:1, passing WCAG AAA.
- Primary: Terracotta (#E36356) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Brick Red (#99415B) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Saffron at 9.71:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Blush Terracotta & 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
#381B3F
#99415B
#E36356
#ECCD76
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#381B3F on #ECCD76 | Aa | 9.71:1 | AAA |
#381B3F on #E36356 | Aa | 4.43:1 | AA large only |
#99415B on #ECCD76 | Aa | 4.16:1 | AA large only |
#381B3F on #99415B | Aa | 2.34:1 | Fail |
#E36356 on #ECCD76 | Aa | 2.19:1 | Fail |
#99415B on #E36356 | Aa | 1.9:1 | Fail |
Similar palettes 24 more in this mood
#397700
#C88C00
#BCB600
#FFC9AC
#2A1E3F
#85486F
#D9636C
#FFB86B
#00705F
#9FB100
#4CE26B
#FBCF64
#994F00
#D4B800
#FFC6B7
#FFCE83
#904F00
#8AC337
#D0C700
#EEBD58
#222142
#7D4B7D
#D56287
#FFB58A
#2E1F47
#914374
#E0607E
#FFC37B
#9E3B3E
#9F5900
#F68357
#FBBA36
#3D0C11
#D80032
#F78CA2
#F9DEC9
#981A69
#AD1F03
#FF6A89
#FC83FF
#7C4EB5
#EC483E
#FF85B0
#F590EC
#FFC26F
#FF896D
#E17D30
#A9233F
#3A1C71
#D76D77
#FFAF7B
#FFE5B4
#FFACC1
#F86DCD
#D7716B
#B25EC6
#5E3A5A
#B65D6B
#F09A5D
#FFD89C
#9E004A
#972926
#813E93
#C05C9F
#8935B6
#B41772
#CC59C0
#FF7389
#1A2878
#CE6D9C
#FFAB9E
#FFE2CD
#43375A
#9C5D85
#F87F86
#FFE2C6
#FF8FA6
#B587D7
#E26E4D
#BE389F
#9D50A6
#D53A43
#F8789F
#FFB7E2
#FFB2CE
#F89782
#EE4D68
#9C1084
#CD5973
#DD5634
#C181DD
#FFAADF