Timeworn Amber color palette — #FFF0F9 · #F2B49A · #58C3D1 · #C37554 · #33525E

Built around Caramel, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Melon (#F2B49A): A whisper-light, balanced orange — the color of toasted spice.
• Cyan (#58C3D1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Caramel (#C37554): A luminous, balanced orange — the color of toasted spice.
• Peacock (#33525E): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Balance. Tagged light, 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

• Softworn Mint Summit color palette (#F8F3FD, #EEAECF, #4BC9B0, #BA7199, #2E5459)
• Tempered Harbor color palette (#FFF2EA, #FFC6AC, #8CD5E1, #DE9370, #35563F)
• Powder Cabin color palette (#ECF9EE, #DCC08E, #9DABF9, #AD8535, #424D64)
• Worn Turquoise color palette (#FFF0FB, #E69B8D, #15BAC8, #7194C4, #4E3C49)
• Weathered Taupe color palette (#EAFAF1, #B0D4C9, #A19E6D, #617D64, #354D4B)
• Washed Driftwood color palette (#EFF8F0, #B5DDBE, #94784B, #3A553D, #272D27)
• Hushed Study color palette (#FFF2EB, #EC967E, #A08CCB, #986354, #624250)
• Misty Periwinkle color palette (#FFF1F7, #FFA86A, #3C9EFD, #9E5000, #003B6D)

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