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.
Customize Preview Colors
Upgrade to ProOverview
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 Theory Analysis
Unlock advanced color wheel distribution, harmony detection, and HSL color analysis with Pro.
Upgrade to ProColor Wheel Distribution
Harmony Analysis
Dominant Temperature
--
Harmony Type
--
Analyzing color relationships...
Color Values (HSL)
Background Color
Colors
Text Color
Colors
Preview & Analysis
Aa
The quick brown fox jumps over the lazy dog.
Normal Text
Large Text
AI Contrast Fix Suggestions
Suggests background & text tweaks to reach WCAG targets.
Log in to unlock 3 free AI tries
Ready to suggest tweaks for AA/AAA.
Suggested pairs
Shortest hop that clears WCAG AA/AAA.
Understanding Contrast Ratios
4.5:1 (Level AA)
The minimum required contrast ratio for normal text to be considered accessible under WCAG 2.1 Level AA. For large text, the requirement is lower at 3.0:1. This is the standard target for most web content.
7.0:1 (Level AAA)
The "gold standard" for accessibility. Achieving a 7.0:1 ratio ensures that your text is readable even for people with significant vision loss. For large text, the AAA requirement is 4.5:1.
What counts as Large Text?
WCAG defines large text as anything 18pt (approx. 24px) or larger, or 14pt (approx. 18.66px) and bold or larger. Most headings fall into this category.
Why it matters
Proper contrast is essential for everyone, but especially for people with color blindness, low vision, or those viewing screens in bright sunlight.