vibrant
Spring Meadow Color Palette
Spring Meadow is a vibrant color palette of 5 colors: Amber (#ffbe0b), Orange Red (#fb5607), Rose (#ff006e), Blue Violet (#8338ec) and Dodger Blue (#3a86ff). Its dominant hue is pink.
The darkest color, Blue Violet, on the lightest, Amber, gives a 3.37:1 contrast ratio — enough for large headings, but not body text. No pair in it passes AA for normal text, so use it for fills and accents. Rose (#ff006e) is its most saturated color and a natural choice for buttons and links.
Colors
- Amber
- Orange Red
- Rose
- Blue Violet
- Dodger Blue
CSS Output
:root {
--spring-meadow-1: #ffbe0b;
--spring-meadow-2: #fb5607;
--spring-meadow-3: #ff006e;
--spring-meadow-4: #8338ec;
--spring-meadow-5: #3a86ff;
}Spring Meadow 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.
- Blue Violet on Amber#8338ec on #ffbe0b3.37:1AA Large