Weathered Amber color palette — #FFF4E1 · #B88400 · #31834D · #005374 · #2E1613

Mustard takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#B88400): A luminous, balanced gold — the color of honey in a jar.
• Fern (#31834D): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#005374): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#2E1613): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Moss Coast color palette (#FBF5E1, #869923, #00824D, #314999, #2F1203)
• Frosted Balcony color palette (#FFF2EB, #C96E57, #737200, #005C6D, #2E1317)
• Aged Navy color palette (#FFF0F8, #D87C45, #007D56, #374095, #12020C)
• Hushed Archive color palette (#FDECD6, #D88D5B, #797D2F, #4D4B92, #342F2A)
• Amber Lagoon color palette (#FDEFE2, #CF8026, #00837F, #484688, #262159)
• Nightshade Ridge color palette (#F3EFC2, #698800, #006C79, #202FA9, #360400)
• Soft Thicket color palette (#FFF2EE, #D85D69, #007F8C, #1B508B, #2E1324)
• Aubergine Hollow color palette (#E2F0D9, #009577, #00657C, #69186C, #191100)

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