Washed Amber color palette — #F2F5FF · #BBA7FF · #BA9300 · #00858E · #00383C

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

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lavender (#BBA7FF): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#BA9300): A luminous, balanced gold — the color of honey in a jar.
• Teal (#00858E): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#00383C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged cool.

Use it as a design system

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

• Worn Mallow color palette (#F2EFFF, #F093FF, #79951E, #007D96, #00313D)
• Moss Lagoon color palette (#F2F5FF, #B6A9FF, #A69C00, #488737, #0E3B00)
• Worn Pier color palette (#F8F2FF, #FE97D4, #6AB376, #4983AA, #0D3C57)
• Apricot Villa color palette (#E7E4FF, #F1B5D2, #E1A27A, #5C9A9F, #005258)
• Weathered Clover Grove color palette (#FFF1F6, #DFD25D, #79B95E, #8482B7, #1F4332)
• Ancient Shell Terrace color palette (#FEF1F9, #FFB196, #68B6CC, #698AAA, #2B455E)
• Sky Market color palette (#FEF0FD, #9DF6FB, #3AC6FC, #40A867, #22406B)
• Misty Magenta color palette (#FFF1F2, #EA58CE, #A56800, #006546, #002D69)

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