Yellow Oxide
#C58E38This vivid orange holds golden undertones, evoking fired clay and autumn foliage.
Spec Sheet
Hex#C58E38
RGB197, 142, 56
HSL37°, 56%, 50%
On White 2.88:1 Fail
On Black 7.3:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F1F0EE Text: #2E261A Accent: #C58E38 Support: #5F7495 Neutral: #D0D3C0 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 Yellow Oxide Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F1F0EE;
--palette-ink: #2E261A;
--palette-accent: #C58E38;
--palette-support: #5F7495;
--palette-neutral: #D0D3C0;
}Tailwind Config
{
"palette-background": "#F1F0EE",
"palette-ink": "#2E261A",
"palette-accent": "#C58E38",
"palette-support": "#5F7495",
"palette-neutral": "#D0D3C0"
}Color Blindness Simulation
#A2902D
Protanopia#AF9E3B
Deuteranopia#D67F7C
TritanopiaBuild a design system around Yellow Oxide.