Amber Harbor color palette — #FFF0F7 · #FDCEE0 · #CD8D62 · #8B5F4B · #263725

Camel takes the lead with Walnut close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Shell Pink (#FDCEE0): A whisper-light, dusty rose — the color of a warm blush.
• Camel (#CD8D62): A luminous, balanced gold — the color of honey in a jar.
• Walnut (#8B5F4B): A full-bodied, dusty orange — the color of sun-warmed clay.
• Deep Forest (#263725): A deep, shadowed, dusty green — the color of new leaves after rain.

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

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

• Hushed Garden color palette (#EAFAEA, #F1DAAB, #BB9764, #856340, #25362B)
• Ancient Chestnut color palette (#FFD9E8, #C58D46, #8B4E00, #502300, #000601)
• Hushed Bronze Dune color palette (#FFEEE2, #C3A686, #956A4F, #694035, #2B210F)
• Soft Coral color palette (#FFF1F6, #FFD3DC, #E37E87, #9E4845, #5A1500)
• Softworn Amber Lagoon color palette (#FFF0F8, #EBBD9A, #C5713D, #814630, #2F1A22)
• Hushed Taupe Harbor color palette (#FFF0F8, #EBCBA3, #D49F81, #9B7D96, #2F4236)
• Dusty Stone Harbor color palette (#EDF9EF, #B9EBE6, #C3AC75, #658367, #33443B)
• Feathered Grove color palette (#FFF0FC, #EF978E, #A5A33B, #4D8242, #2F1E2D)

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