Amber Harbor color palette — #FFF0F9 · #DD835E · #354D37 · #271A22 · #080408

Built around Coral Clay, softened by Deep Olive — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Coral Clay (#DD835E): A luminous, balanced orange — the color of toasted spice.
• Deep Olive (#354D37): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#271A22): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#080408): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Wandering Blush Study color palette (#FDF0FF, #E2798B, #5C394E, #251A27, #060409)
• Hushed Amber Grove color palette (#EAFAEF, #BD9924, #264F45, #102317, #0A0406)
• Sunlit Apricot Orchard color palette (#F1E1D7, #FB854B, #96632F, #703909, #1E1612)
• Wandering Rust Summit color palette (#FFE9DB, #B3562F, #34302A, #211207, #0C0403)
• Worn Corridor color palette (#E3FCF3, #819500, #103F25, #00140E, #000201)
• Aged Sky Summit color palette (#FFF1F5, #EDAB63, #3FB4FD, #A380C2, #3D212C)
• Hazy Amber Terrace color palette (#FFF2EE, #FFCDAA, #D28A00, #826300, #174535)
• Airy Amber color palette (#ECF9ED, #F9CC8A, #99BAFF, #B67D00, #253957)

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