#FCEFF1
#F4C7CF
#E6A0AB
#5E4B4E
#B76E79Clay
#E8A0A6Dusty Rose
#F4C8C8Baby Pink
#FDF2F0Smoke
Tea Rose is a pastel light, monochromatic color palette tagged wedding, vintage, muted. All four colors sit within 9° of hue, so the scheme reads as one color explored across light and dark. The colors are light and airy, which suits friendly, soft-spoken brands. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Clay | #B76E79 | rgb(183, 110, 121) | hsl(351, 34%, 57%) | oklch(62.1% 0.093 10) | |
| Dusty Rose | #E8A0A6 | rgb(232, 160, 166) | hsl(355, 61%, 77%) | oklch(77.7% 0.086 14) | |
| Baby Pink | #F4C8C8 | rgb(244, 200, 200) | hsl(0, 67%, 87%) | oklch(87.1% 0.050 18) | |
| Smoke | #FDF2F0 | rgb(253, 242, 240) | hsl(9, 76%, 97%) | oklch(96.9% 0.012 30) |
Why it works and how to use it
The palette holds together thanks to its monochromatic hue relationship and a soft light-to-dark ladder (97% down to 57% lightness). A natural fit for invitations and event branding.
- Background: Smoke (#FDF2F0) is the lightest color, so it belongs on large surfaces.
- Text: Clay (#B76E79) on #FDF2F0 gives 3.47:1, enough for large headings only.
- Primary: Baby Pink (#F4C8C8) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Dusty Rose (#E8A0A6) for highlights, badges and hover states.
No pair inside the palette reaches 4.5:1, so add black or white for body text.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Tea Rose
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
#B76E79
#E8A0A6
#F4C8C8
#FDF2F0
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#B76E79 on #FDF2F0 | Aa | 3.47:1 | AA large only |
#B76E79 on #F4C8C8 | Aa | 2.53:1 | Fail |
#E8A0A6 on #FDF2F0 | Aa | 1.91:1 | Fail |
#B76E79 on #E8A0A6 | Aa | 1.81:1 | Fail |
#E8A0A6 on #F4C8C8 | Aa | 1.39:1 | Fail |
#F4C8C8 on #FDF2F0 | Aa | 1.37:1 | Fail |
Similar palettes 24 more in this mood
#B08968
#DDB892
#E6CCB2
#FFF6EA
#FBF6F0
#F3DCD4
#E8B4B8
#B8A184
#B89F6E
#DAC9A1
#6A6A5A
#F5F3EE
#D9A48F
#EFC8B8
#F7E6DC
#FFFAF6
#4B292F
#76444C
#CEBCB2
#F7F4F1
#FFA891
#F7C6B5
#FBEDE7
#F0BC7A
#F7E9DF
#FFC8D4
#E9AFD8
#C29991
#F6B078
#F0CBAA
#FBEDE7
#DAC777
#F6F3EC
#DCE3D5
#9CAF88
#5B6B54
#F7F7F4
#D9E0E6
#8FA8BF
#5A6B7B
#FAF3EC
#E9C9B6
#C97B5B
#6E4A3B
#FFF9F3
#FEDECA
#EA9978
#835E4E
#F8F5FA
#E3D9EC
#B4A0C8
#5E5470
#FFFDF7
#F2E7C9
#A6C48A
#D8879A
#FFF0F5
#FFB3D4
#D7919C
#9A8C91
#265141
#48846C
#E7D5B9
#FDFAF4
#273754
#52719E
#F1DDBE
#FDFAF5
#763341
#A6465A
#F8D6C3
#FFF9F4
#7D93A8
#B3C3D1
#E3E9EE
#FBF8F3
#DDAD46
#FFE6A9
#858567
#FEFAF1
#FF9A8B
#FFB4A2
#FFCDB2
#FFF1E6
#784346
#AC656A
#E1A6AB
#FFF8F8
#5A1A2A
#8C2F45
#D9B8A6
#FAF3EE