Soft Amber color palette — #FFF2EF · #FFB27B · #BB9200 · #676900 · #203B00
A conversation between Mustard and Cantaloupe, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EF): bright and airy, almost weightless.
- Cantaloupe (#FFB27B): A whisper-light, balanced gold — the color of afternoon light on wheat.
- Mustard (#BB9200): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive (#676900): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#203B00): A deep, shadowed, balanced green — the color of a quiet forest floor.
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
- Airy Moss color palette (#FFF0E5, #ECBD76, #8E9000, #486B00, #003119)
- Amber Canyon color palette (#FFF1F4, #FFBFB7, #DC6C00, #886100, #383400)
- Weathered Coast color palette (#F5E4D1, #C09500, #5C6C00, #094706, #001008)
- Powdered Loft color palette (#F8D8C1, #FCAE1D, #D19A00, #8E7A00, #464700)
- Chestnut Thicket color palette (#FFF4E0, #CCD79A, #AE8D33, #924800, #08310E)
- Dusty Marigold color palette (#FFD7C6, #E8A646, #897400, #4E5400, #012103)
- Muted Pine color palette (#FFF3E4, #DCDD98, #88AE53, #148946, #0B4E42)
- Chalky Moss color palette (#F7FAC3, #E6E37C, #AAA000, #565200, #191900)
Browse the whole catalog at Explore, or see today's palette.