Gentle Amber color palette — #FBD0E2 · #E6AD3D · #DA7700 · #B24D3A · #2F2A00

Built around Mustard, softened by Saffron — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FBD0E2): A whisper-light, dusty rose — the color of strawberry cream.
• Saffron (#E6AD3D): A luminous, balanced gold — the color of old brass.
• Mustard (#DA7700): A luminous, balanced gold — the color of old brass.
• Brick (#B24D3A): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#2F2A00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged earthy, warm.

Use it as a design system

One click turns Gentle 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

• Weathered Market color palette (#FAD8A8, #D4B700, #C58600, #A95823, #252D00)
• Weathered Marigold color palette (#FCDEF0, #EFB479, #D1896B, #9B6B6C, #223627)
• Timeworn Bronze color palette (#FFE4F0, #CE922C, #BB600C, #8D3F36, #1B1600)
• Patina Drift color palette (#D7F8E1, #C8D167, #C49F1F, #A8723A, #0C3E37)
• Weathered Moss color palette (#CCE6D8, #A2BE67, #9D9024, #866432, #002B28)
• Faded Chestnut color palette (#FDE3CC, #B08443, #874900, #5E1F00, #181100)
• Crimson Harbor color palette (#B8F3E3, #36D2B5, #E72A63, #BD4400, #00261F)
• Weathered Bone color palette (#FFF1F5, #BBE6C8, #D3A8B6, #A58899, #3C4C45)

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