Amber Ridge color palette — #FFF1F5 · #AFD1B8 · #B17E46 · #83442D · #02291C
A conversation between Caramel and Coffee, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Pistachio (#AFD1B8): A whisper-light, dusty teal — the color of sea glass.
- Caramel (#B17E46): A luminous, balanced gold — the color of old brass.
- Coffee (#83442D): A full-bodied, balanced orange — the color of autumn markets.
- Deep Forest (#02291C): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Hushed Terracotta Station color palette (#FFF0F9, #E4BAC8, #B27A62, #834144, #062914)
- Gentle Terracotta color palette (#FFF1F6, #E7CD94, #CD7C11, #A53200, #2B2A00)
- Softworn Bronze Basin color palette (#EDF9F0, #BEE8D5, #B19C67, #8B6038, #143932)
- Timeworn Harbor color palette (#EAFAEA, #C1B376, #9B6C1C, #713100, #101500)
- Muted Canyon color palette (#F6D7E0, #B79155, #8A580F, #583515, #061D0D)
- Amber Summit color palette (#F5E5D4, #D9BD93, #C69257, #A06C43, #34302A)
- Garnet Archive color palette (#FFF0F9, #E8AD76, #C95522, #93002D, #211600)
- Tempered Moss color palette (#E2F2E8, #7B903C, #594E00, #301D00, #000200)
Browse the whole catalog at Explore, or see today's palette.