darkvibrant
Deep Space Color Palette
Deep Space is a dark and vibrant color palette of 5 colors: Oxford Blue (#000814), Oxford Blue (#001d3d), Prussian Blue (#003566), Amber (#ffc300) and Gold (#ffd60a). Its dominant hue is yellow.
The darkest color, Oxford Blue, on the lightest, Gold, gives a 14.23:1 contrast ratio — enough for body text at WCAG AAA. 6 pairs in this palette pass AA for normal text. Gold (#ffd60a) is its most saturated color and a natural choice for buttons and links.
Colors
- Oxford Blue
- Oxford Blue
- Prussian Blue
- Amber
- Gold
CSS Output
:root {
--deep-space-1: #000814;
--deep-space-2: #001d3d;
--deep-space-3: #003566;
--deep-space-4: #ffc300;
--deep-space-5: #ffd60a;
}Deep Space on a Website
A quick preview on a landing page: the most colorful colors become the primary and accent, a light one the surface. For a more realistic look across many designs, open it in the Palette Visualizer below.
See it on real designs
This is a single preview. The Palette Visualizer shows the palette on 11 designs — dashboards, mobile apps, pricing and blog pages, posters and business cards — lets you change which color plays which role, switch to dark mode and check contrast.
Accessible Color Combinations
Pairs from this palette that work as text on a background, with their WCAG contrast ratio. AA needs 4.5:1 for body text; large text needs 3:1.
- Oxford Blue on Gold#000814 on #ffd60a14.23:1AAA
- Oxford Blue on Amber#000814 on #ffc30012.49:1AAA
- Oxford Blue on Gold#001d3d on #ffd60a11.96:1AAA
- Oxford Blue on Amber#001d3d on #ffc30010.50:1AAA
- Prussian Blue on Gold#003566 on #ffd60a8.74:1AAA
- Prussian Blue on Amber#003566 on #ffc3007.67:1AAA