Soft Amber color palette — #FFDBD1 · #C57E00 · #767915 · #550E2B · #1F0515

Mustard and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FFDBD1): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#C57E00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#767915): A full-bodied, balanced green — the color of fresh herbs.
• Mulberry (#550E2B): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#1F0515): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged pastel, light, 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

• Hazy Amber color palette (#F8DBF6, #D08856, #817011, #541949, #1C0100)
• Misty Olive Courtyard color palette (#FFE0EE, #B69545, #507A00, #590A1A, #000E01)
• Muted Basin color palette (#D8E6DB, #8EA14D, #00855E, #5D1E00, #171100)
• Brick Station color palette (#F7D8C6, #D69960, #B09847, #BA2D44, #160500)
• Chestnut Bloom color palette (#D5E8D4, #765A00, #272330, #1F1100, #040200)
• Weathered Grove color palette (#E3EEE3, #B2BB74, #36A166, #83360F, #032B1A)
• Aged Chestnut color palette (#DEDEEC, #008589, #9B4900, #100A02, #050002)
• Moss Boulevard color palette (#FFEDF4, #EEC974, #85AF5C, #844245, #233824)

Browse the whole catalog at Explore, or see today's palette.