Soft Amber color palette — #F6E5E7 · #FF9C73 · #DB7E00 · #896E00 · #222900
A conversation between Mustard and Melon, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#F6E5E7): a clean, paper-quiet neutral.
- Melon (#FF9C73): A luminous, balanced orange — the color of autumn markets.
- Mustard (#DB7E00): A luminous, balanced gold — the color of old brass.
- Ochre (#896E00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#222900): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Soft Amber into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Apricot Thicket color palette (#FFE4D4, #EA8B0F, #A96F00, #644800, #312600)
- Quiet Marigold Station color palette (#FDD9CC, #FAA717, #AE9600, #5B7700, #003118)
- Washed Ember color palette (#FCDDF2, #FF8EAF, #FA511B, #995700, #392900)
- Timeworn Ultramarine color palette (#FAE1BA, #FF8980, #BD8E17, #2D4BE8, #461A00)
- Muted Amber Atelier color palette (#EEE0D2, #CE7B00, #645A0E, #4E2B00, #120400)
- Muted Moss Harbor color palette (#FFF2ED, #FAD6BA, #D6B277, #9E9535, #3B5308)
- Weathered Hollow color palette (#F1DDC3, #B19D00, #5F9000, #006944, #001D1A)
- Misty Lime color palette (#FFF3E8, #FFCDDB, #FFB989, #ABB400, #402500)
Browse the whole catalog at Explore, or see today's palette.