Pantone

2026

#F0EEE9

Cloud Dancer

An airy, calming white that bridges technology and nature.

Generate palettes Visualize in mockups Back to 2026 overview

Copy color values

HEX / RGB / CMYK ready for dev teams.

HEX

#F0EEE9

RGB

rgb(240, 238, 233)

CMYK

0, 1, 3, 6

Palette ideas

Monochrome, analogous, complementary, and triadic sets.

Minimal Editorial · 极简编辑风

适合：品牌官网、作品集、杂志排版、极简 UI

#F0EEE9

#1F2937

#9CA3AF

#435070

#C8A96A

Warm Cozy · 奶油摩卡

适合：生活方式品牌、咖啡/烘焙、家居电商

#F0EEE9

#6B4F3A

#A58273

#888F56

#2D1E17

Modern Contrast · 冷静高级

适合：科技产品、B2B、强调对比的 UI

#F0EEE9

#111827

#3B5B7A

#D1D5DB

#D94F4F

Coastal Airy · 海岸清爽

适合：旅行、香氛、婚礼/活动物料

#F0EEE9

#A7D7C5

#1B3A57

#D9C6A5

#E58B7B

Japandi · 侘寂日式

适合：家居、家具、空间视觉、品牌手册

#F0EEE9

#B7A99A

#8B6F5A

#888F56

#2B2B2B

Luxury Night · 轻奢夜色

适合：美妆、珠宝、酒类（或任何“高端感”视觉）

#F0EEE9

#724983

#C48F7A

#2F2F35

#D4C0CF

Citrus Pop · 清新柑橘

适合：夏季活动、快消、电商促销主图

#F0EEE9

#E7C547

#7FAF3B

#539381

#2B2B2B

Neutral Scale · 纯净中性色阶

适合：设计系统底盘、PPT 主题、统一全站质感

#FFFFFF

#F0EEE9

#E5E7EB

#A3A3A3

#374151

Export tokens

Copy CSS variables or plug into Tailwind.

#F0EEE9

CSS Variables

:root {
  --year-base: #F0EEE9;
  --year-base-contrast: #111827;
  --year-accent-1: #1F2937;
  --year-accent-2: #9CA3AF;
  --year-accent-3: #435070;
  --year-surface: #f8fafc;
}

Tailwind Config

theme: {
  extend: {
    colors: {
      primary: 'var(--year-base)',
      accent: 'var(--year-accent-1)',
      surface: 'var(--year-surface)',
    },
  },
},