Amber Harbor color palette — #FFF2E9 · #E17D3E · #8A7700 · #00681A · #003938

A conversation between Coral Clay and Pine, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Coral Clay (#E17D3E): A luminous, balanced gold — the color of afternoon light on wheat.
• Walnut (#8A7700): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#00681A): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#003938): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged 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

• Ancient Amber Field color palette (#F2DDCB, #C26E10, #676800, #005033, #00242A)
• Amber Coast color palette (#FFF3E5, #D28A00, #678400, #006453, #610203)
• Feathered Corridor color palette (#FEE7D4, #AF5B00, #595500, #003E24, #290009)
• Worn Rust color palette (#FFF2F0, #E26EA2, #C14F00, #645500, #003C12)
• Antique Pine color palette (#FFEDE0, #CFB495, #A99B6C, #278457, #005A4C)
• Chalky Bloom color palette (#FDF0FF, #FF8098, #BD6200, #5B5200, #320549)
• Patina Corridor color palette (#FAF5E5, #A9A967, #3A946A, #006A79, #213661)
• Wandering Loft color palette (#FCF5DE, #B4C28C, #6B9637, #A54938, #363F15)

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