chic-palette-studio 已整合进主站

UI 配色美学

这里收进了 100+ 套适合前端界面、品牌页面和内容产品的配色方案。你可以按风格筛选，直接复制 HEX / RGB，也能把选中的色板导出成 CSS Variables、Tailwind v4、JSON 或 SCSS。

浏览色板

色板数量

105 套

风格分类

10 类

导出格式

4 种

科技与 SaaS

Tech Blue Slate

Sky · Slate

极简黑白

Muji Bone

Quiet · Honest

品牌红黑

Cartier Red

Wisdom Gold

配色浏览器

适合 UI、品牌、内容页和仪表盘的配色系统参考。

105 套结果

高饱和流行色

Acid Wash

Loud · Indie

Music · Editorial

4 colors

品牌红黑

Aka & Sumi

Bold · Crafted

Editorial · Brand

4 colors

奢牌气质

Aman Resort

Calm · Sanctuary

Hotel · Wellness

4 colors

科技与 SaaS

Arctic Frost

Crisp · Pristine

SaaS · Health

4 colors

科技与 SaaS

Aubergine Workspace

Team · Warm tech

Collab · SaaS

4 colors

冷调蓝绿

Aurora Mint

Fresh · Modern startup

Startup · Wellness

4 colors

肌理大地色

Autumn Harvest

Seasonal · Rich

Food · Lifestyle

4 colors

暖米灰

Bamboo & Rice

Zen · Quiet

Wellness · Home

4 colors

商务蓝

Banker Navy

Old Money · Trust

Finance · Legal

4 colors

品牌红黑

Blood Moon

Cinematic · Heavy

Gaming · Film

4 colors

高级灰紫

Blush & Lavender

Romantic · Elegant

Beauty · Wedding

4 colors

冷调蓝绿

Bondi Blue

Aural Blue

Iconic · Pacific

Brand · Editorial

4 colors

奢牌气质

Bottega Green

Quiet luxury

Fashion · Brand

4 colors

品牌红黑

Box Logo

Street · Statement

Streetwear · Brand

4 colors

品牌红黑

Brand Red Black

Passion · Power · Impact

Sports · Gaming

4 colors

极简黑白

Brutal Mono

Stark · Honest

Brand · Editorial

4 colors

高饱和流行色

Brutalist Pop

Neo-brutalist

Brand · Editorial

4 colors

高饱和流行色

Bubblegum

Sweet · Pop

Beauty · Kids

4 colors

品牌红黑

Bull Energy

Energy · Sport

Sports · Beverage

4 colors

奢牌气质

Burberry Check

Heritage · British

Fashion · Brand

4 colors

肌理大地色

Burnt Sienna

Artisan · Handmade

Crafts · Studio

4 colors

商务蓝

Business Blue

Trust · Professional · Stable

Finance · Consulting

4 colors

肌理大地色

Camel & Cognac

Leather · Tailored

Fashion · Brand

4 colors

品牌红黑

Cartier Red

Wisdom Gold

Passion · Power · Impact

Luxury · Editorial

4 colors

奢牌气质

Chanel Mono

Iconic · Timeless

Fashion · Beauty

4 colors

高饱和流行色

Citrus Pop

Fresh · Zesty

Food · Brand

4 colors

肌理大地色

Clay & Stone

Ceramic · Quiet

Studio · Home

4 colors

科技与 SaaS

Cloud SaaS

Airy · Light · Modern

SaaS · Marketing

4 colors

肌理大地色

Coffee House

Roast · Cozy

Cafe · Lifestyle

4 colors

冷调蓝绿

Cool Blue-Green

Fresh · Healthy · Balanced

Wellness · Eco

4 colors

品牌红黑

Crimson Noir

Mystery · Drama

Gaming · Film

4 colors

奢牌气质

Crown Green

Heritage · Watch

Watch · Brand

4 colors

肌理大地色

Desert Clay

Southwest · Warm

Home · Travel

4 colors

奢牌气质

Dior Couture

Couture · Soft

Fashion · Beauty

4 colors

高级灰紫

Dusty Rose

Romantic · Quiet

Beauty · Wedding

4 colors

高饱和流行色

Electric Coral

Energetic · Loud

Brand · Marketing

4 colors

品牌红黑

Ember & Charcoal

Premium · Bold

Brand · Premium

4 colors

商务蓝

Emerald Prestige

Authority · Wealth

Finance · Luxury

4 colors

冷调蓝绿

Eucalyptus

Spa · Calm

Wellness · Beauty

4 colors

品牌红黑

Ferrari Rosso

Speed · Heat

Auto · Sports

4 colors

冷调蓝绿

Forest & Moss

Organic · Grounding

Wellness · Outdoor

4 colors

科技与 SaaS

GitHub Dim

Code · Comfortable

DevTools · Code

4 colors

高饱和流行色

Glass Aurora

Glassmorph · Aurora

SaaS · Music

4 colors

高饱和流行色

Gradient Peach

Soft · Sweet

Beauty · Brand

4 colors

极简黑白

Graphite

Architect · Sharp

Architecture · Studio

4 colors

商务蓝

Graphite & Gold

Heritage · Luxe

Finance · Hotel

4 colors

奢牌气质

Gucci Jacquard

Eclectic · Bold

Fashion · Brand

4 colors

肌理大地色

Hermès Orange

Almond Brown

Heritage · Luxe

Luxury · Fashion

4 colors

商务蓝

IBM Blue

Enterprise · Trusted

Enterprise · Tech

4 colors

极简黑白

Ink Wash

Sumi · Quiet

Editorial · Gallery

4 colors

极简黑白

Issey Pleats

Sculptural · Gray

Fashion · Studio

4 colors

极简黑白

Kinfolk

Editorial · Slow

Magazine · Cafe

4 colors

冷调蓝绿

La Mer Green

Elegant Yellow

Mystery · Deep · Sea

Beauty · Wellness

4 colors

高级灰紫

Lilac Mist

Soft · Modern

Beauty · Wellness

4 colors

科技与 SaaS

Linear Violet

Focused · Premium

SaaS · Product

4 colors

暖米灰

Linen & Tea

Quiet · Domestic

Home · Stationery

4 colors

暖米灰

Marble Vein

Stone · Luxury

Architecture · Brand

4 colors

高级灰紫

Mauve & Stone

Quiet · Luxe

Beauty · Editorial

4 colors

高饱和流行色

Memphis Pop

Playful · Bold

Kids · Brand

4 colors

科技与 SaaS

Midnight Indigo

Sophisticated · Electric

SaaS · Fintech

4 colors

科技与 SaaS

Mono Console

Minimal · Sharp

DevTools · Docs

4 colors

奢牌气质

Monogram

Travel · Heritage

Fashion · Travel

4 colors

极简黑白

Muji Bone

Quiet · Honest

Lifestyle · Retail

4 colors

暖米灰

Naples Yellow

Light Luxury Yellow

Light Luxury · Soft Sun

Brand · Editorial

4 colors

商务蓝

Navy Trust

Authority · Crisp

Finance · Legal

4 colors

品牌红黑

Netflix Red

Cinema · Dark

Media · Streaming

4 colors

奢牌气质

Noir & Gold

High-end editorial

Luxury · Editorial

4 colors

极简黑白

Noir Classic

Minimal · Classic · Eternal

Fashion · Brand

4 colors

冷调蓝绿

Nordic Fjord

Scandi · Cool

Travel · Lifestyle

4 colors

科技与 SaaS

Notion Paper

Clean · Friendly

Productivity · Docs

4 colors

肌理大地色

Oak & Moss

Forest · Aged

Outdoor · Heritage

4 colors

暖米灰

Oat Milk

Soft · Modern

Lifestyle · Beauty

4 colors

冷调蓝绿

Ocean Deep

Calm · Trust

Finance · Travel

4 colors

高级灰紫

Orchid Velvet

Soft · Luxury

Beauty · Editorial

4 colors

商务蓝

Oxford & Cobalt

Academic · Sharp

Education · Finance

4 colors

极简黑白

Paper & Ink

Editorial · Timeless

Magazine · Portfolio

4 colors

暖米灰

Pearl Pink

Soft · Iridescent

Beauty · Wedding

4 colors

高级灰紫

Plum & Gold

Luxe · Soft

Beauty · Editorial

4 colors

奢牌气质

Prada Saffiano

Quiet · Architectural

Fashion · Brand

4 colors

高级灰紫

Premium Gray-Purple

Refined · Artistic · Quiet

Design · Art

4 colors

高饱和流行色

Riso Print

Print · Indie

Editorial · Print

4 colors

暖米灰

Sage & Cream

Serene · Wellness

Wellness · Home

4 colors

商务蓝

Sapphire Ice

Crisp · Clean

SaaS · Finance

4 colors

高级灰紫

Schiaparelli Pink

Mirror Pink

Daring · Couture

Fashion · Beauty

4 colors

冷调蓝绿

Seafoam

Light · Coastal

Wellness · Travel

4 colors

高级灰紫

Smoke Violet

Architectural · Cool

Studio · Brand

4 colors

商务蓝

Steel Corporate

Modern enterprise

Enterprise · B2B

4 colors

科技与 SaaS

Stripe Violet

Trust · Payments

Fintech · Payments

4 colors

高饱和流行色

Sunset Blaze

Warm · Dynamic

Brand · Music

4 colors

科技与 SaaS

Supabase Green

Open · Backend

DevTools · Backend

4 colors

极简黑白

Swiss Grid

Helvetica · Order

Editorial · Branding

4 colors

高饱和流行色

Synthwave

Retro · Neon

Gaming · Music

4 colors

极简黑白

System Light

Default · Elegant

App UI · Product

4 colors

商务蓝

Teal Finance

Modern fintech

Fintech · Health

4 colors

科技与 SaaS

Tech Blue Slate

Sky · Slate

Future · Pro · Calm

SaaS · Dashboard · Platform

4 colors

肌理大地色

Terracotta & Sage

Earthy · Grounded

Home · Wellness

4 colors

肌理大地色

Texture Brown

Natural · Warm · Crafted

Coffee · Home

4 colors

奢牌气质

Tiffany & Co

Heritage · Iconic

Jewelry · Wedding

4 colors

冷调蓝绿

Tiffany Blue

Bright Cyan

Iconic · Refined

Luxury · Wedding

4 colors

高级灰紫

Ultra Violet

Pantone · Bold

Brand · Editorial

4 colors

暖米灰

Vanilla Bean

Soft · Edible

Food · Beauty

4 colors

高饱和流行色

Vapor Chrome

Y2K futurism

Brand · Music

4 colors

暖米灰

Warm Beige

Simple · Cozy · Natural

Home · Stationery

4 colors

暖米灰

Warm Sand

Welcoming · Approachable

Brand · Lifestyle

4 colors

奢牌气质

YSL Noir

Bold · Iconic

Fashion · Beauty

4 colors

科技与 SaaS

Tech Blue Slate

Sky · Slate

Future · Pro · Calm

cooldarktech

颜色明细

Deep Slate背景色

#0F172A

rgb(15, 23, 42)

hsl(222, 47%, 11%)

Steel Gray中性色

#334155

rgb(51, 65, 85)

hsl(215, 25%, 27%)

Bright Blue主色

#38BDF8

rgb(56, 189, 248)

hsl(198, 93%, 60%)

Mist辅色

#E2E8F0

rgb(226, 232, 240)

hsl(214, 32%, 91%)

导出

:root {
  --color-deep-slate: #0F172A;
  --color-steel-gray: #334155;
  --color-bright-blue: #38BDF8;
  --color-mist: #E2E8F0;
}

适用场景

SaaSDashboardPlatform

冷静蓝灰、控制台和产品工作台常用。

UI 配色美学

色板数量

105 套

风格分类

10 类

导出格式

4 种