warmvibrantretro
Fiesta Color Palette
Fiesta is a warm, vibrant and retro color palette of 5 colors: Crimson (#d62828), Tangerine (#f77f00), Saffron (#fcbf49), Wheat (#eae2b7) and Prussian Blue (#003049). Its dominant hue is red.
The darkest color, Prussian Blue, on the lightest, Wheat, gives a 10.57:1 contrast ratio — enough for body text at WCAG AAA. 3 pairs in this palette pass AA for normal text. Crimson (#d62828) is its most saturated color and a natural choice for buttons and links.
Colors
- Crimson
- Tangerine
- Saffron
- Wheat
- Prussian Blue
CSS Output
:root {
--fiesta-1: #d62828;
--fiesta-2: #f77f00;
--fiesta-3: #fcbf49;
--fiesta-4: #eae2b7;
--fiesta-5: #003049;
}Fiesta 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.
- Prussian Blue on Wheat#003049 on #eae2b710.57:1AAA
- Prussian Blue on Saffron#003049 on #fcbf498.35:1AAA
- Prussian Blue on Tangerine#003049 on #f77f005.26:1AA
- Crimson on Wheat#d62828 on #eae2b73.83:1AA Large
- Crimson on Saffron#d62828 on #fcbf493.02:1AA Large