brand-likevibrantwarm
Creative Studio Color Palette
Creative Studio is a brand-ready, vibrant and warm color palette of 5 colors: Oxford Blue (#111111), Orange Red (#ff3e00), Gold (#ffd600), White Smoke (#f5f5f0) and Gray (#7a7a7a). Its dominant hue is red.
The darkest color, Oxford Blue, on the lightest, White Smoke, gives a 17.26:1 contrast ratio — enough for body text at WCAG AAA. 3 pairs in this palette pass AA for normal text. Orange Red (#ff3e00) is its most saturated color and a natural choice for buttons and links.
Colors
- Oxford Blue
- Orange Red
- Gold
- White Smoke
- Gray
CSS Output
:root {
--creative-studio-1: #111111;
--creative-studio-2: #ff3e00;
--creative-studio-3: #ffd600;
--creative-studio-4: #f5f5f0;
--creative-studio-5: #7a7a7a;
}Creative Studio 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 White Smoke#111111 on #f5f5f017.26:1AAA
- Oxford Blue on Gold#111111 on #ffd60013.37:1AAA
- Oxford Blue on Orange Red#111111 on #ff3e005.34:1AA
- Oxford Blue on Gray#111111 on #7a7a7a4.39:1AA Large
- Gray on White Smoke#7a7a7a on #f5f5f03.92:1AA Large
- Orange Red on White Smoke#ff3e00 on #f5f5f03.23:1AA Large
- Gray on Gold#7a7a7a on #ffd6003.03:1AA Large