Weathered Amber color palette — #F2F5FF · #BBB4F7 · #D78B50 · #009085 · #352F62

A conversation between Mustard and Fern, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lavender (#BBB4F7): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#D78B50): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#009085): A full-bodied, balanced teal — the color of sea glass.
• Navy (#352F62): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Cerulean Alley color palette (#F5F3FF, #E0A7E5, #B49F51, #0089AF, #263560)
• Chalky Balcony color palette (#F1F5FF, #B5B6FB, #D28E52, #498F4A, #004335)
• Faded Lagoon color palette (#EEDBE7, #F7774D, #009B7A, #005EBD, #120C5C)
• Muted Dune color palette (#E7E4FF, #D977FF, #B87C00, #007677, #2F005D)
• Ancient Ash Quarry color palette (#F3F4FF, #DECFEB, #C8AFBE, #779EAE, #435366)
• Gentle Station color palette (#FCF1FC, #F4A0A4, #BF7700, #546410, #401B39)
• Wandering Veranda color palette (#F8F2FF, #F591CD, #98A200, #007BC2, #580043)
• Wandering Courtyard color palette (#F9F3F7, #D2DFF2, #80C8EC, #3CAE91, #314A65)

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