Audition
#B2A8B4A composed medium grey with balanced undertones. Reads as modern and pairs cleanly with both wood and metal.
Spec Sheet
Hex#B2A8B4
RGB178, 168, 180
HSL290°, 7%, 68%
On White 2.29:1 Fail
On Black 9.15:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EFEBEF Text: #351D39 Accent: #B2A8B4 Support: #63B752 Neutral: #C2A8B9 Rules: - Use Background for surfaces and canvas - Use Ink for body text and icons - Never use Accent as body text — contrast is too low - Maintain 4.5:1 minimum contrast for normal text
Design System from Audition Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EFEBEF;
--palette-ink: #351D39;
--palette-accent: #B2A8B4;
--palette-support: #63B752;
--palette-neutral: #C2A8B9;
}Tailwind Config
{
"palette-background": "#EFEBEF",
"palette-ink": "#351D39",
"palette-accent": "#B2A8B4",
"palette-support": "#63B752",
"palette-neutral": "#C2A8B9"
}Color Blindness Simulation
#A7AAB5
Protanopia#A9ABB4
Deuteranopia#B2A9AC
TritanopiaBuild a design system around Audition.