pastelwarm
Apricot & Teal Color Palette
Apricot & Teal is a pastel and warm color palette of 5 colors: Apricot (#ffcdb2), Light Pink (#ffb4a2), Dark Salmon (#e5989b), Rosy Brown (#b5838d) and Cadet Blue (#2a9d8f). Its dominant hue is red.
The darkest color, Cadet Blue, on the lightest, Apricot, gives a 2.31:1 contrast ratio — too low for text, so pair it with white or black. No pair in it passes AA for normal text, so use it for fills and accents. Cadet Blue (#2a9d8f) is its most saturated color and a natural choice for buttons and links.
Colors
- Apricot
- Light Pink
- Dark Salmon
- Rosy Brown
- Cadet Blue
CSS Output
:root {
--apricot-teal-1: #ffcdb2;
--apricot-teal-2: #ffb4a2;
--apricot-teal-3: #e5989b;
--apricot-teal-4: #b5838d;
--apricot-teal-5: #2a9d8f;
}Apricot & Teal 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
No two colors in this palette reach 3:1, so use them for fills and accents and set text in white or black.