Weathered Amber color palette — #FFF0FC · #99B4FF · #C78B00 · #58842A · #1F3900
Built around Mustard, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
- Sky (#99B4FF): A luminous, balanced violet — the color of a velvet chair.
- Mustard (#C78B00): A luminous, balanced gold — the color of old brass.
- Olive Leaf (#58842A): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#1F3900): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Weathered 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
- Amber Bloom color palette (#FFF0F8, #B7A9FF, #B39700, #008971, #003A2E)
- Feathered Iris Lantern color palette (#F1D9EB, #819AFF, #AB7A00, #1A743C, #00270E)
- Misty Amber Coast color palette (#DCFEF0, #70CFFF, #D46F00, #A26600, #393000)
- Hushed Bloom color palette (#E1FDED, #3DD6FE, #E05C65, #6F7E00, #2D3500)
- Mallow Grove color palette (#DFECFF, #E4BDFF, #D99FA2, #848A69, #315335)
- Tempered Mallow color palette (#FFF1F3, #EC9DF1, #73B17F, #458D6D, #004142)
- Worn Courtyard color palette (#F2F5FF, #9A85FF, #D13340, #555B00, #00383E)
- Hazy Fuchsia color palette (#FFDEE2, #FF74F4, #5A9200, #00767C, #002A2D)
Browse the whole catalog at Explore, or see today's palette.