Worn Amber color palette — #FFF2EA · #C1704B · #268F6B · #635FA2 · #3D3632

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Caramel (#C1704B): A luminous, balanced orange — the color of toasted spice.
• Fern (#268F6B): A full-bodied, balanced teal — the color of shallow lagoons.
• Slate (#635FA2): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#3D3632): quiet, heavy and certain.

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

• Dusty Coral color palette (#FFF2EE, #C66874, #64874A, #436B99, #4D2F27)
• Bronze Meadow color palette (#FFF4DE, #A28612, #008A9F, #88547F, #3B3831)
• Cerulean Studio color palette (#FFEEE4, #C37757, #008CB4, #007698, #2E1808)
• Feathered Turquoise color palette (#FFF1F6, #D09765, #0DACBC, #3687B7, #4B2E3A)
• Timeworn Aubergine color palette (#F7E6D6, #9F6000, #00746C, #6E24A1, #361D00)
• Frosted Olive color palette (#EAE6C7, #6C8600, #0073AF, #943155, #263008)
• Dusty Basalt Atelier color palette (#FAF5E6, #A1AD82, #78753F, #614F24, #404000)
• Dusty Cocoa Market color palette (#FFF2EA, #DEDCCC, #BECBA2, #A47869, #6D4000)

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