COLOR & GRADIENT STUDIOMESH GRADIENTS · HARMONIC PALETTES · CSS CODE EXPORT
Color & Gradient Studio
Midnight Marine
HEX: #10212d
RGB: rgb(16, 33, 45)
BIAS: 85%
Cotton Marine
HEX: #e8f1f7
RGB: rgb(232, 241, 247)
BIAS: 45%
WCAG Ratio:Pass (14.37:1)
Contrast ratio measures readability. Standards recommend at least 4.5:1 for body copy.
Monochromatic (Light)
Text: Midnight Marine (#10212D)BG: Cotton Marine (#E8F1F7)
Good contrast makes readability effortless for creators.
1
Monochromatic (Dark)
Text: Driftwood Sky (#BBD5E7)BG: Midnight Marine (#10212D)
Every color pair holds a conversation; make it memorable.
2
Analogous Cool
Text: Driftwood Sky (#BBD5E7)BG: Midnight Teal (#102D2B)
Design is the silent ambassador of your creative brand.
3
Analogous Warm
Text: Midnight Marine (#10212D)BG: Glinting Slate (#E8EAF7)
Simplicity is the ultimate sophistication in layout design.
4
Complementary Contrast
Text: Driftwood Sky (#BBD5E7)BG: Deep Coral (#2D1C10)
Shape your typography, frame your story, captivate your audience.
5
Complementary Accent
Text: Midnight Marine (#10212D)BG: Mist Terracotta (#F7EEE8)
Color theory is where physics meets human emotion.
6
Split Comp Right
Text: Driftwood Sky (#BBD5E7)BG: Obsidian Cherry (#2D1012)
Empowering browser-based workflows for creators worldwide.
7
Split Comp Left
Text: Midnight Marine (#10212D)BG: Powder Sand (#F7F6E8)
Contrast isn't just aesthetic; it's accessibility.
8
Triadic Balance
Text: Driftwood Sky (#BBD5E7)BG: Midnight Berry (#2D1021)
Crafting smooth interfaces with sharp brutalist layouts.
9
Triadic Contrast
Text: Midnight Marine (#10212D)BG: Cotton Fern (#F1F7E8)
Find color combinations that inspire, test, and perform.
10
Dual Shade
Text: Driftwood Sky (#BBD5E7)BG: Deep Slate (#101C2D)
Visual clarity is the shortest path to great storytelling.
11
High Contrast
Text: Midnight Marine (#10212D)BG: Mist Terracotta (#F7EEE8)
A harmonious palette breathes life into digital concepts.
12