Vietnamese Color Palettes

Bộ sưu tập màu sắc lấy cảm hứng từ văn hóa, thiên nhiên và ẩm thực Việt Nam. Hoàn hảo cho thiết kế đồ họa, web design và branding.

Đỏ Áo Dài

Màu đỏ truyền thống lấy cảm hứng từ trang phục áo dài

Inspiration: Áo Dài traditional dress

CSS Variables:

--ao-dai-red-1: #DC143C;

--ao-dai-red-2: #B22222;

--ao-dai-red-3: #8B0000;

--ao-dai-red-4: #FFE4E1;

--ao-dai-red-5: #FFF0F5;

Rồng Vàng

Tông màu vàng uy nghiêm tượng trưng cho rồng Việt

Inspiration: Vietnamese dragon mythology

CSS Variables:

--golden-dragon-1: #FFD700;

--golden-dragon-2: #FFA500;

--golden-dragon-3: #FF8C00;

--golden-dragon-4: #FFFFE0;

--golden-dragon-5: #FFFACD;

Ngọc Bích Chùa

Xanh ngọc bích thanh tịnh từ kiến trúc chùa Việt

Inspiration: Temple jade decorations

CSS Variables:

--jade-green-1: #00A86B;

--jade-green-2: #228B22;

--jade-green-3: #006400;

--jade-green-4: #F0FFF0;

--jade-green-5: #E0FFE0;

Vịnh Hạ Long

Xanh huyền bí của vịnh đá vôi nổi tiếng

Inspiration: Hạ Long Bay limestone karsts

CSS Variables:

--ha-long-bay-1: #4682B4;

--ha-long-bay-2: #5F9EA0;

--ha-long-bay-3: #708090;

--ha-long-bay-4: #E6F3FF;

--ha-long-bay-5: #B0E0E6;

Đồng Bằng Sông Cửu Long

Tông màu đất phong phú từ vùng đồng bằng màu mỡ

Inspiration: Mekong Delta fertile soil

CSS Variables:

--mekong-delta-1: #8B4513;

--mekong-delta-2: #A0522D;

--mekong-delta-3: #CD853F;

--mekong-delta-4: #F5DEB3;

--mekong-delta-5: #FFEFD5;

Ruông Bậc Thang Sapa

Ruộng lúa vàng ươm giữa sương mù núi rừng

Inspiration: Sapa rice terraces

CSS Variables:

--sapa-terraces-1: #DAA520;

--sapa-terraces-2: #B8860B;

--sapa-terraces-3: #9ACD32;

--sapa-terraces-4: #F0F8FF;

--sapa-terraces-5: #E0FFFF;

Nước Dùng Phở

Tông màu hổ phách ấm áp của nước dùng phở truyền thống

Inspiration: Traditional phở soup

CSS Variables:

--pho-broth-1: #D2691E;

--pho-broth-2: #CD853F;

--pho-broth-3: #DEB887;

--pho-broth-4: #FFF8DC;

--pho-broth-5: #FFFAF0;

Bánh Mì Tươi

Màu sắc tươi mới của nguyên liệu bánh mì

Inspiration: Bánh mì sandwich ingredients

CSS Variables:

--banh-mi-colors-1: #FF6347;

--banh-mi-colors-2: #32CD32;

--banh-mi-colors-3: #FFD700;

--banh-mi-colors-4: #FFFACD;

--banh-mi-colors-5: #F5F5DC;

Hoàng Hôn Sài Gòn

Màu hoàng hôn đô thị trên Thành phố Hồ Chí Minh

Inspiration: Ho Chi Minh City skyline

CSS Variables:

--saigon-sunset-1: #FF4500;

--saigon-sunset-2: #FF6347;

--saigon-sunset-3: #FFA500;

--saigon-sunset-4: #FFE4B5;

--saigon-sunset-5: #FFF8DC;

Thu Hà Nội

Màu thu nhẹ nhàng trên phố phường Hà Nội

Inspiration: Hanoi autumn leaves

CSS Variables:

--hanoi-autumn-1: #CD853F;

--hanoi-autumn-2: #D2691E;

--hanoi-autumn-3: #B8860B;

--hanoi-autumn-4: #F5DEB3;

--hanoi-autumn-5: #FFFACD;

Tết Nguyên Đán

Đỏ vàng lễ hội cho Tết Nguyên Đán

Inspiration: Tết New Year decorations

CSS Variables:

--tet-celebration-1: #DC143C;

--tet-celebration-2: #FFD700;

--tet-celebration-3: #FF6347;

--tet-celebration-4: #FFFFE0;

--tet-celebration-5: #FFF0F5;

Tết Trung Thu

Màu ấm áp của tết trung thu với cảm hứng đèn lồng

Inspiration: Mid-Autumn lanterns

CSS Variables:

--mid-autumn-1: #FF8C00;

--mid-autumn-2: #FFD700;

--mid-autumn-3: #FF4500;

--mid-autumn-4: #FFFFE0;

--mid-autumn-5: #FFF8DC;

💡 Hướng dẫn sử dụng

Thiết kế Web

• Sử dụng màu chủ đạo cho header và CTA buttons
• Màu phụ cho accent và highlights
• Màu nhạt cho background và sections
• Kết hợp với màu trắng/đen cho text

Branding

• Chọn 2-3 màu chính từ palette
• Sử dụng màu truyền thống cho thương hiệu Việt
• Màu thiên nhiên cho sản phẩm organic
• Màu lễ hội cho event và promotion

Tip: Các bảng màu này được thiết kế để phản ánh văn hóa Việt Nam. Hãy kết hợp chúng với typography và imagery phù hợp để tạo ra thiết kế có tính nhận diện cao.