Rosewater and Blush color palette

Rosewater and Blush is a 5-color palette drawing on reds, greens and neutrals. In OKLCH its lightness runs from 39% (#593D3F, dark) to 98% (#FBF6F0, very light), and its most saturated color, #D8A7A0, is muted. 2 of its 3 chromatic colors sit on the warm side of the hue wheel. 3 of its 10 color pairs reach the WCAG AA ratio of 4.5:1 for body text. It is tagged wedding, pastel, pink, green, warm and neutral.

WeddingPastelPinkGreenWarmNeutral

Color codes

ColorHEXRGBHSLOKLCH
Dim Gray #593D3F rgb(89, 61, 63) hsl(356, 19%, 29%) oklch(39.2% 0.04 14.3)
Pewter #8D9D84 rgb(141, 157, 132) hsl(98, 11%, 57%) oklch(67.6% 0.04 134.2)
Sweet Salmon #D8A7A0 rgb(216, 167, 160) hsl(8, 42%, 74%) oklch(77.1% 0.059 27.8)
Platinum #E8D5DA rgb(232, 213, 218) hsl(344, 29%, 87%) oklch(89% 0.022 359.7)
Seashell #FBF6F0 rgb(251, 246, 240) hsl(33, 58%, 96%) oklch(97.5% 0.01 72.7)

Accessibility

The best text and background pairs in Rosewater and Blush, by WCAG 2 contrast ratio, with the APCA lightness contrast (Lc) of the text on its background.

PairWCAG 2LevelAPCA Lc
#FBF6F0 on #593D3F 9.03:1 AAA Lc -91.1
#E8D5DA on #593D3F 6.91:1 AA Lc -72.7
#D8A7A0 on #593D3F 4.60:1 AA Lc -49.7

Color vision

No pair of colors comes within ΔE 0.06 of another under protanopia, deuteranopia, tritanopia or achromatopsia.

  • Protanopia

  • Deuteranopia

  • Tritanopia

  • Achromatopsia

Use it in code

Install these colors as Tailwind CSS v4 theme colors with shadcn: npx shadcn@latest add https://getcolors.so/r/palette/593d3f-8d9d84-d8a7a0-e8d5da-fbf6f0.json.

Make it your own

Edit the colors, build a full light and dark color system from them, or see them on real UI.

Gradients from these colors