warmvibrant
Honey Bee Color Palette
Honey Bee is a warm and vibrant color palette of 5 colors: Oxford Blue (#1d1d1b), Taupe (#4a3b28), Orange (#f6aa1c), Saffron (#f9c74f) and Corn Silk (#fff8e1). Its dominant hue is orange.
The darkest color, Oxford Blue, on the lightest, Corn Silk, gives a 15.89:1 contrast ratio — enough for body text at WCAG AAA. 6 pairs in this palette pass AA for normal text. Orange (#f6aa1c) is its most saturated color and a natural choice for buttons and links.
Colors
- Oxford Blue
- Taupe
- Orange
- Saffron
- Corn Silk
CSS Output
:root {
--honey-bee-1: #1d1d1b;
--honey-bee-2: #4a3b28;
--honey-bee-3: #f6aa1c;
--honey-bee-4: #f9c74f;
--honey-bee-5: #fff8e1;
}Honey Bee 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 Corn Silk#1d1d1b on #fff8e115.89:1AAA
- Oxford Blue on Saffron#1d1d1b on #f9c74f10.70:1AAA
- Taupe on Corn Silk#4a3b28 on #fff8e110.15:1AAA
- Oxford Blue on Orange#1d1d1b on #f6aa1c8.59:1AAA
- Taupe on Saffron#4a3b28 on #f9c74f6.83:1AA
- Taupe on Orange#4a3b28 on #f6aa1c5.48:1AA