logo
潘通
2024
#FFBE98

桃色絮语

柔软丝绒般的蜜桃色,传递温暖与包容,适合需要亲和力的品牌氛围。

复制色值

HEX / RGB / CMYK 一键复制给研发。

HEX
#FFBE98
RGB
rgb(255, 190, 152)
CMYK
0, 25, 40, 0

搭配方案

单色、类似色、互补色、三色组,直接复制使用。

Monochrome Depth

Light and dark steps around the hero color.

#FF7829
1
#FF9E66
2
#FFBE98
3
#FFDFCC
4
#FFE5D6
5
Analogous Flow

Neighbors on the color wheel for a soft gradient story.

#FF7A87
1
#FFA799
2
#FFBE98
3
#FFD699
4
#FFF3B8
5
Complementary Contrast

Opposites that add clarity and focus.

#FFBE98
1
#7ACEFF
2
#C2E8FF
3
#F6945A
4
#FBE6DA
5
Triadic Balance

Three evenly spaced hues for versatile layouts.

#FFBE98
1
#99FFBF
2
#BF99FF
3
#F9A676
4
#FDE6D8
5
Split Complementary

Balanced contrast with two supporting accents.

#FFBE98
1
#99FFF2
2
#99A6FF
3
#F98D4D
4
#FEE6D7
5

导出

复制 CSS 变量或 Tailwind 配置。

#FFBE98
CSS Variables
:root {
  --year-base: #FFBE98;
  --year-base-contrast: #111827;
  --year-accent-1: #FF9E66;
  --year-accent-2: #FFBE98;
  --year-accent-3: #FFDFCC;
  --year-surface: #f8fafc;
}
Tailwind Config
theme: {
  extend: {
    colors: {
      primary: 'var(--year-base)',
      accent: 'var(--year-accent-1)',
      surface: 'var(--year-surface)',
    },
  },
},

场景预览

UI、海报、电商示例。

UI 界面

海报 / 社交

Launch Campaign
Design with #FFBE98

电商主图

New Drop · #FFBE98-20%
Primary CTA
Secondary

使用建议

Summary

柔软丝绒般的蜜桃色,传递温暖与包容,适合需要亲和力的品牌氛围。

Notes

可作为生活方式、健康品牌的友好底色,搭配暖中性色或深棕色增强层次,文字建议用炭黑确保可读性。

Tips
  • 标签: branding
  • 标签: ui
  • 标签: ecommerce

应用资源

Speed up screens with ready-made UI kits, icons, and design tokens.

同年其他来源