Worn Amber color palette — #FDF1F9 · #F4B29F · #7CBCD0 · #C27560 · #295367

Caramel and Melon set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF1F9): a clean, paper-quiet neutral.
• Melon (#F4B29F): A whisper-light, balanced orange — the color of autumn markets.
• Cyan (#7CBCD0): A luminous, dusty blue — the color of deep harbor water.
• Caramel (#C27560): A luminous, balanced orange — the color of toasted spice.
• Peacock (#295367): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged light, muted.

Use it as a design system

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

• Washed Market color palette (#F9F2FF, #E6B3CC, #75C3A9, #B57596, #2C5558)
• Washed Hollow color palette (#EDF9EF, #D8C193, #9DAFE3, #A9873E, #3E4D69)
• Dusty Bronze Studio color palette (#FFF0F8, #D5A38B, #49A9B2, #A85A32, #2A5362)
• Weathered Aqua color palette (#FFF2EB, #FFC6B0, #5CDBF0, #E48F6F, #395542)
• Weathered Apricot Quarry color palette (#FFF0F9, #E49E81, #73B596, #8C8DBD, #513B48)
• Hushed Coast color palette (#FFF0F8, #E6D7D5, #BEBECD, #BC9DBC, #59464F)
• Dusty Driftwood color palette (#EEF8EF, #BADBC0, #94784D, #3F5341, #252E26)
• Azure Orchard color palette (#FFF1F7, #FFA863, #0EA3F6, #9B5200, #003E63)

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