There's Something About Shikumen
About This Color Palette
Color Palette: Shikumen
1. Color Name: Ink Black
Hex Code:
#1D1D1D
Description: This deep and mysterious black shade represents the ink used in traditional calligraphy. It exudes a sense of elegance and sophistication, reminiscent of the historic Shikumen architecture in Shanghai.
2. Color Name: Lotus Red
Hex Code:
#D81E00
Description: Inspired by the vibrant red color of lotus flowers commonly found in traditional Chinese gardens, this hue adds a striking touch to the Shikumen color palette. It symbolizes prosperity, vitality, and passion.
3. Color Name: Jade Green
Hex Code:
#00A99D
Description: The calming and refreshing tone of jade green mirrors the serene atmosphere found within the courtyards of Shikumen houses. It represents balance, harmony, and the connection to nature.
4. Color Name: Porcelain White
Hex Code:
#F8F8F8
Description: This pristine white shade draws inspiration from the delicate porcelain ceramics often found in traditional Chinese households. It symbolizes purity, simplicity, and the peaceful ambiance of Shikumen dwellings.
5. Color Name: Bamboo Yellow
Hex Code:
#C9C871
Description: Reflecting the warm and earthy tones of bamboo, this yellow shade evokes a sense of tranquility and natural beauty. It pays homage to the traditional bamboo structures incorporated into Shikumen architecture.
6. Color Name: Mahogany Brown
Hex Code:
#4A2C23
Description: This rich and warm brown hue represents the deep, polished wood often used in Shikumen door frames and furniture. It adds a touch of elegance and timelessness to the palette, reminiscent of the historical charm of Shikumen neighborhoods.
Overview
Welcome back, here's what's happening today.
Revenue Growth
Build something amazing
Create stunning designs with our AI-powered color palette generator. Perfect for web, mobile, and print.
Fast Performance
Optimized for speed and efficiency.
Secure by Default
Enterprise-grade security built-in.
Easy to Use
Intuitive interface for everyone.
Good Morning
Here's your daily update
Today
Logo Variations
Business Card
John Doe
Creative Director
john.doe@brandname.com
+1 (555) 123-4567
www.brandname.com
Type Scale
Heading 1
Bold / 48pxHeading 2
Bold / 36pxHeading 3
Bold / 30pxHeading 4
Bold / 24pxBody text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Regular / 16pxArticle Layout
The Future of Color
Color trends are evolving rapidly. We are seeing a shift towards more vibrant, expressive palettes that capture attention and evoke emotion.
"Color is a power which directly influences the soul."
Why it matters
Choosing the right color palette is crucial for brand identity. It communicates values without words and creates an instant connection with the audience.
Abstract
Composition #01
Download Files
Copy Code
Simulate how your palette appears to users with different types of color vision deficiencies. Approximately 8% of men and 0.5% of women have some form of color blindness.
Original Palette
Protanopia
Red-blind (approx. 1% of men)
Deuteranopia
Green-blind (approx. 1% of men)
Tritanopia
Blue-blind (very rare)
Achromatopsia
Total color blindness (monochromacy)
Shades & Tints
Explore lighter variations (tints) and darker variations (shades) of each color. Click any color to copy its hex code.
Ink Black
#1D1D1D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Lotus Red
#D81E00
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Jade Green
#00A99D
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Porcelain White
#F8F8F8
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Bamboo Yellow
#C9C871
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Mahogany Brown
#4A2C23
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Color Wheel Distribution
Harmony Analysis
Dominant Temperature
--
Harmony Type
--
Analyzing color relationships...
Color Values (HSL)
Select Background
Select Text Color
Contrast Analysis
Aa
The quick brown fox jumps over the lazy dog.
Normal Text
Large Text
Understanding WCAG Scores
Normal Text
- AA requires 4.5:1 ratio
- AAA requires 7.0:1 ratio
Large Text (18pt+ or 14pt+ bold)
- AA requires 3.0:1 ratio
- AAA requires 4.5:1 ratio