Pale Amber color palette — #F5DED5 · #AB8223 · #4E712F · #5F3F54 · #0D0A2F

A conversation between Mustard and Olive, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F5DED5): A whisper-light, dusty orange — the color of autumn markets.
• Mustard (#AB8223): A luminous, balanced gold — the color of honey in a jar.
• Olive (#4E712F): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#5F3F54): A full-bodied, dusty pink — the color of a candy shop window.
• Ink (#0D0A2F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

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

• Aged Moss color palette (#F7EBDB, #80903D, #397967, #54436C, #1C0A2F)
• Amber Grove color palette (#FFDCE1, #C07446, #746D23, #2E4470, #031139)
• Dusty Pine Ridge color palette (#F0E6D5, #7D9425, #057629, #65374D, #050700)
• Weathered Bronze Lagoon color palette (#EAE2D6, #8D7713, #545926, #00352D, #001616)
• Tempered Bronze Parlor color palette (#FFE8EA, #A36940, #455B37, #250C3C, #020006)
• Amethyst Study color palette (#ECE7D5, #858300, #7446EC, #595800, #07001E)
• Tempered Workshop color palette (#EDE8C9, #6DA675, #008581, #7B4351, #3B0819)
• Wandering Lapis color palette (#EAEAD6, #767300, #5C3BE9, #773594, #020200)

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