Timeworn Amber color palette — #F3F4FD · #C4AFEC · #A88B17 · #20747A · #242536

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

The five colors

• Ivory (#F3F4FD): bright and airy, almost weightless.
• Lavender (#C4AFEC): A luminous, balanced violet — the color of twilight just after sunset.
• Mustard (#A88B17): A luminous, balanced green — the color of new leaves after rain.
• Teal (#20747A): A full-bodied, dusty blue — the color of deep harbor water.
• Onyx (#242536): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Muted Mallow color palette (#F5F4FF, #E8B7F6, #BA9351, #007A7E, #233B50)
• Blush Basin color palette (#F8F3FB, #E396AC, #8A9852, #0A758B, #2E2735)
• Dusty Bloom color palette (#EFF6FF, #99C3FC, #CB774B, #4D7C59, #1E2733)
• Mallow Corridor color palette (#FFF1F3, #E79EE6, #DC9373, #6E91B2, #3D2C34)
• Driftwood Lantern color palette (#FEF1F4, #9974A1, #776E34, #175F53, #3D2D3A)
• Peony Studio color palette (#FAF1FF, #EA5695, #837800, #005A69, #20041B)
• Emerald Quarry color palette (#FEF0FB, #DD847C, #009F5E, #3F5B9C, #20131E)
• Ash Thicket color palette (#F6F4FA, #E0D7DB, #B7B6AB, #B3A7CC, #4E4C52)

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