Soft Amber color palette — #F7EDDC · #D5BD75 · #A8A4FE · #AF8D00 · #322C63
Built around Mustard, softened by Wisteria — the whole palette hums with nature and growth.
The five colors
- Cream (#F7EDDC): A whisper-light, dusty gold — the color of old brass.
- Sand (#D5BD75): A luminous, balanced green — the color of a quiet forest floor.
- Wisteria (#A8A4FE): A luminous, balanced violet — the color of wild irises.
- Mustard (#AF8D00): A luminous, balanced green — the color of a quiet forest floor.
- Navy (#322C63): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Optimism, Creativity, 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
- Feathered Bronze Atelier color palette (#F9EDD6, #D9BC65, #7FC1FF, #A38300, #003760)
- Misty Moss color palette (#F8F6E4, #C0D5A0, #C1AFFF, #89AE3E, #443A64)
- Worn Iris Thicket color palette (#E2F4E9, #B7A962, #8587F0, #837100, #2E2E62)
- Ancient Iris color palette (#FFF4DC, #E4CE5F, #8D89F0, #897600, #24204E)
- Ember Drift color palette (#FDEBDE, #F6AA81, #51CAFE, #D26200, #003B51)
- Moss Study color palette (#F0F0DA, #A6CC8F, #E490CA, #5DA800, #512143)
- Lime Chapel color palette (#F2E6F1, #C3B2FF, #96B300, #55544D, #1E1B09)
- Bronze Alley color palette (#F1E7D3, #B9C999, #AE9D62, #AA6829, #30312A)
Browse the whole catalog at Explore, or see today's palette.