Pale Amber color palette — #F9F0E6 · #DA8D00 · #007A30 · #764A00 · #060700
A conversation between Mustard and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9F0E6): a clean, paper-quiet neutral.
- Mustard (#DA8D00): A luminous, balanced gold — the color of old brass.
- Olive (#007A30): A full-bodied, balanced green — the color of new leaves after rain.
- Bronze (#764A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Ink (#060700): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.
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
- Amber Studio color palette (#FFF1F6, #CB8848, #2C6E33, #744100, #021D1B)
- Hushed Coral Market color palette (#FCEFE8, #E18364, #656B00, #8A381A, #090600)
- Pine Thicket color palette (#F6F1E8, #CCB158, #068B54, #796200, #0C1004)
- Moss Hollow color palette (#F4F2E5, #96AC2C, #007569, #4F5C00, #010900)
- Moss Canyon color palette (#F8E7CC, #9E8A00, #366A26, #283661, #1E1800)
- Tempered Moss color palette (#EEE7DB, #ADA200, #5B7600, #074B0A, #002113)
- Hushed Bronze color palette (#E9DECE, #9B7000, #005318, #483200, #010100)
- Tempered Chestnut color palette (#F6F1E9, #D3D8CD, #B9B9A5, #74632B, #252016)
Browse the whole catalog at Explore, or see today's palette.