Mint and Peach
Why they work: a pastel complementary — soft enough for children’s brands and spring UI.
Combination sets
The classic split
Mint and Peach with a light tint of mint, a deep shade of peach and white for breathing room.
Dark mode
Both anchors survive on dark: Peach as the highlight, Mint as the accent, and two intermediate surfaces for elevation.
Soft & light
Both anchors reduced to tints for airy sections, with the full-strength colors kept for buttons and links.
60 / 30 / 10 UI set
A practical interface split: neutral ~60%, mint ~30% for structure, peach ~10% for calls to action.
Gradient bridge
The direct perceptual path from mint to peach — use for hero sections, charts and progress states.
Contrast data
| Foreground | Background | Ratio | AA | AAA |
|---|---|---|---|---|
| #AAF0C1 | #FFDAB9 | 1.00:1 | ✗ | ✗ |
| #FFDAB9 | #AAF0C1 | 1.00:1 | ✗ | ✗ |
| #AAF0C1 | #FFFFFF | 1.32:1 | ✗ | ✗ |
| #AAF0C1 | #000000 | 15.94:1 | ✓ | ✓ |
| #FFDAB9 | #FFFFFF | 1.31:1 | ✗ | ✗ |
| #FFDAB9 | #000000 | 15.98:1 | ✓ | ✓ |
| #16161D | #E3E4A8 | 13.65:1 | ✓ | ✓ |
Related combinations
FAQ
Do mint and peach go together?
Yes — a pastel complementary — soft enough for children’s brands and spring UI. Their hues are 111° apart on the color wheel and the direct pair contrast is 1:1. The sets on this page show exactly how to balance them (warm + cool).
What text color works on mint and peach?
On mint use #000000 text (15.94:1); on peach use #000000 (15.98:1). Both pass WCAG AA for normal text.
What are the exact color codes?
Mint: #AAF0C1 — OKLCH oklch(89.62% 0.095 154.7). Peach: #FFDAB9 — OKLCH oklch(91.13% 0.06 63.7).