Pale Amber color palette — #F2F5FF · #B7A9FF · #DF7B00 · #008780 · #002971

Mustard takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lavender (#B7A9FF): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#DF7B00): A luminous, vivid gold — the color of afternoon light on wheat.
• Teal (#008780): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#002971): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged cool.

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

• Dusty Coral Study color palette (#F3F4FF, #C7A1FF, #FB5A4F, #008A6A, #3E1666)
• Patina Amber Corridor color palette (#F7F3FE, #E1A9D5, #BF9A49, #008D9B, #50254D)
• Wandering Rose Grove color palette (#EEF6FF, #7FBBFF, #FB5669, #008E33, #00315D)
• Quiet Boulevard color palette (#E2DEF4, #D07DDA, #CD6100, #007166, #330044)
• Timeworn Station color palette (#E8EFFF, #E9BDE3, #D39A99, #1BA29A, #135172)
• Softworn Moss Lagoon color palette (#F7EDFF, #FD98C9, #6A9839, #008084, #002C55)
• Gentle Amber Ridge color palette (#FFF0F8, #FF9968, #E87300, #008686, #56004A)
• Faded Pier color palette (#FAF1FF, #FF7CAE, #C85800, #5E5100, #310A46)

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