Agarwood
Home renovation & measuring · Score 86 ·Excellent · Added 2026-10-24 · Updated 2026-10-29
Sitting mid-range in lightness, the lead color adapts to both light and dark themes with little adjustment. Inside a mini app it holds up when the theme color drives pill buttons and the price and badge colors stay one step apart.
Agarwood is a 10-role Mini App palette: theme #4e2e9f on a #f9f9fb canvas. Body text reaches 15.3:1 (WCAG AAA), leaving enough headroom for long reading sessions; the primary sits at 9.01:1 against the canvas, so white text sits on it safely.
10 color roles
theme#4e2e9frgb(78, 46, 159)hsl(257, 55.1%, 40.2%)btn#4e2e9frgb(78, 46, 159)hsl(257, 55.1%, 40.2%)btnDisabled#ac9bd5rgb(172, 155, 213)hsl(257.6, 40.8%, 72.2%)bg#f9f9fbrgb(249, 249, 251)hsl(240, 20%, 98%)card#f4f3f7rgb(244, 243, 247)hsl(255, 20%, 96.1%)textMain#231f2drgb(35, 31, 45)hsl(257.1, 18.4%, 14.9%)textSub#6b6085rgb(107, 96, 133)hsl(257.8, 16.2%, 44.9%)divider#e4e1eargb(228, 225, 234)hsl(260, 17.6%, 90%)price#d04023rgb(208, 64, 35)hsl(10.1, 71.2%, 47.6%)tag#8a449ergb(138, 68, 158)hsl(286.7, 39.8%, 44.3%)Editorial review · Mini App
Measured 9.5:1, AAA. Safe for body copy and small text.
Delta E 286, clearly separated. The hierarchy reads without effort.
Saturation 55%, loud. Good for emphasis; spread across a large area it overpowers the content.
Lightness 40%, mid range. Works on light and dark surfaces alike, the easiest band to lay out.
How this palette is put together
Six readings computed from these exact color values. None of them would hold for another palette.
- Primary hue rangeThe primary lands at hue 257°, 55% saturation, in the violet range, which reads as creative with a hint of distance. Content, design and premium products suit it. Pale violets rarely clear contrast thresholds as a primary, so the fix is to deepen rather than brighten. 8 palettes share the range.
- Lightness distributionThe ten roles show a lightness standard deviation of 26.9 around a mean of 59%: layered without being theatrical. The background recedes, cards lift, text holds, and all of it survives a switch to grayscale.
- Background temperatureAt 20% saturation and hue 240°, #F9F9FB is a tinted ground rather than a gray one. It brings its own mood and fixes the key of the whole palette, so the primary can only be chosen inside that key. Dark text on it needs its contrast measured again instead of borrowing the usual neutral-background assumptions.
- Standing among peersAmong the 3 palettes tagged Calm, this one measures 9.01:1 for primary on background, ranking 1. That puts it among the most legibility-forward in the group.
- Primary vs accent9.01:1 for the theme against 4.50:1 for the price, 2.0× apart. Rank is established without being severe: the accent stands out without overtaking. Most interfaces are steadiest here, with two usable visual weights on offer.
- Text hierarchyText main 15.30:1 and secondary text 5.49:1. The second level lands between 4.5:1 and 7:1: fine for body copy, tight once it drops to small sizes, where the main text color is the safer choice below 14px.
How to use it
The lead color sits at 40% lightness and 55% saturation. It sits in the lower-middle range: enough presence over a light background, and it does not vanish when the theme goes dark. Saturation is moderate, present without being loud, the easiest band to live with in a day-to-day interface.
What it looks like in a real interface
Accessibility contrast check
| Foreground / background | Ratio | Body text | Large text |
|---|---|---|---|
| Body text / page background | 15.3:1 | AAA | AAA |
| Body text / card background | 14.56:1 | AAA | AAA |
| Brand color / page background | 9.01:1 | AAA | AAA |
Verify this pair in the checker →Compare with other palettes →Site-wide accessibility report →
More palettes on this platform
Where this one sits in the library
The numbers below come from measured color distances against the other 35 palettes on this platform (mean over ten roles). They would not hold in a different library.
- Almost the same set as Navy Wool, mean Delta E 31, only the primary steps apart.
- Furthest from Fresh Orange at Delta E 152; put the two side by side and they pull in opposite directions.
- Primary saturation 55 percent, rank 22 of 35 on this platform, mid range.
Export to your project
Eight formats, ready to paste: four for the web, plus one each for Android, iOS, Flutter and mini programs. Or fetch them by URL from your tooling or AI agent.
:root {
--color-theme: #4e2e9f; /* Theme */
--color-btn: #4e2e9f; /* Button */
--color-btnDisabled: #ac9bd5; /* Button disabled */
--color-bg: #f9f9fb; /* Page background */
--color-card: #f4f3f7; /* Card */
--color-textMain: #231f2d; /* Text main */
--color-textSub: #6b6085; /* Text sub */
--color-divider: #e4e1ea; /* Divider */
--color-price: #d04023; /* Price */
--color-tag: #8a449e; /* Tag */
}