Pale Amber color palette — #E4F2E9 · #CE7100 · #786B00 · #0A6111 · #030300
Mustard and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E4F2E9): bright and airy, almost weightless.
- Mustard (#CE7100): A luminous, balanced gold — the color of honey in a jar.
- Olive (#786B00): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#0A6111): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#030300): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
Use it as a design system
One click turns Pale 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
- Softworn Chapel color palette (#DBEBE6, #9C8000, #4D8000, #005F4D, #000200)
- Patina Veranda color palette (#F7E1E8, #E34F3E, #9A5500, #504C00, #040200)
- Wandering Apricot Bloom color palette (#F6EFDF, #EB8900, #A09100, #0B7919, #0D0F00)
- Rose Station color palette (#F2E8D5, #FF4153, #7F6600, #005348, #081100)
- Wandering Amber color palette (#D9FBE5, #FFA19E, #B99100, #00855E, #010100)
- Weathered Navy Summit color palette (#E5DFCD, #657336, #00502D, #11185E, #120020)
- Pine Lantern color palette (#D9F0E9, #397844, #00412E, #311600, #000401)
- Chalky Aubergine Studio color palette (#DBECE9, #357D1B, #60006D, #0C3300, #070009)
Browse the whole catalog at Explore, or see today's palette.