Amber Harbor color palette — #F7DCED · #E0A36D · #CB7353 · #91595E · #112A17

A conversation between Coral Clay and Camel, giving this palette its sense of optimism and warmth.

The five colors

• Rose Water (#F7DCED): A whisper-light, dusty pink — the color of peonies in June.
• Camel (#E0A36D): A luminous, balanced gold — the color of old brass.
• Coral Clay (#CB7353): A luminous, balanced orange — the color of toasted spice.
• Pewter (#91595E): A full-bodied, dusty red — the color of embers at dusk.
• Deep Forest (#112A17): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

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

• Worn Taupe color palette (#F6E1EB, #E2B985, #C98E6B, #A26862, #1E3728)
• Antique Bronze Corridor color palette (#F7E3D7, #D68958, #AB5730, #6E3E33, #341E07)
• Amber Canyon color palette (#D3EBD5, #C1B360, #B68429, #935C39, #002C22)
• Worn Amber Station color palette (#F1D9E2, #C99500, #B46600, #834738, #001C10)
• Ancient Garden color palette (#FAE5D8, #A47D60, #833F23, #5F0810, #180B00)
• Sky Study color palette (#BEE4FB, #34C2EF, #AA6E00, #746A04, #001E2D)
• Pale Orchard color palette (#CEEAD3, #9B9400, #8C6700, #733C00, #070E00)
• Tempered Cobalt color palette (#D0E0EF, #FF997B, #0080C1, #244D69, #000C1A)

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