Amber Ridge color palette — #FFF2F0 · #EAA5AF · #C26E47 · #845625 · #4F5049

Built around Caramel, softened by Coffee — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Ballet Pink (#EAA5AF): A luminous, balanced red — the color of embers at dusk.
• Caramel (#C26E47): A luminous, balanced orange — the color of toasted spice.
• Coffee (#845625): A full-bodied, balanced gold — the color of old brass.
• Charcoal Brown (#4F5049): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

One click turns Amber Ridge 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

• Apricot Basin color palette (#FCE0FE, #EF9A8E, #B47156, #7A5338, #492B36)
• Coral Chapel color palette (#FFECE7, #FFB7AC, #D28972, #986E52, #544F49)
• Dusty Loft color palette (#FDF3EA, #D9A372, #3EA9BB, #9B642D, #375541)
• Wandering Atelier color palette (#FFEBF3, #CD9BCC, #C16B8E, #904D4F, #544D49)
• Washed Bronze Garden color palette (#FFF2EA, #E0AF7A, #A88102, #636A28, #4F4F48)
• Dusty Chestnut Terrace color palette (#FFF2EA, #DEDDCC, #9AD8CC, #A17773, #754805)
• Bronze Loft color palette (#F8DBCD, #A56600, #5B4C00, #293300, #002506)
• Dusty Coast color palette (#FFF2EB, #CF8167, #568DCB, #6B6AA4, #48413D)

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