Amber Ridge color palette — #FFF1F1 · #ECA597 · #B37E36 · #26557B · #351E35
A conversation between Caramel and Melon, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Melon (#ECA597): A luminous, balanced orange — the color of toasted spice.
- Caramel (#B37E36): A luminous, balanced gold — the color of honey in a jar.
- Peacock (#26557B): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Indigo (#351E35): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.
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
- Timeworn Amber Harbor color palette (#FFF1F3, #DFA8B0, #BC794D, #075B76, #10342C)
- Hushed Pier color palette (#FFE9E9, #F1BA8C, #899349, #555787, #2B264F)
- Tempered Parlor color palette (#F7DAD3, #D29169, #846C00, #2B477C, #280C1E)
- Washed Studio color palette (#F8DAD5, #EEA17B, #B59272, #4B7F73, #3F2A4C)
- Tempered Navy color palette (#F8E7F8, #AD869F, #83693C, #005351, #22365B)
- Worn Basin color palette (#FFEAE6, #B38540, #4B6F00, #35285F, #1B0110)
- Hazy Bronze color palette (#FFE2E3, #FF927D, #B45D00, #6D4400, #251B00)
- Worn Stone Veranda color palette (#FFF2EE, #E2DEC3, #BABC8C, #8C7282, #56444F)
Browse the whole catalog at Explore, or see today's palette.