Amber Harbor color palette — #F5EADF · #AF7E00 · #7F6A00 · #4F4D00 · #0F1400

Built around Mustard, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Cream (#F5EADF): bright and airy, almost weightless.
• Mustard (#AF7E00): A luminous, balanced gold — the color of honey in a jar.
• Walnut (#7F6A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#4F4D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#0F1400): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Weathered Loft color palette (#FFE5D5, #A97700, #5D4A00, #242800, #020600)
• Amber Parlor color palette (#F6DAD3, #CF6200, #965800, #634300, #1E1600)
• Ancient Garden color palette (#EAE5C5, #878F00, #577900, #195800, #001606)
• Frosted Moss Lagoon color palette (#EAECDA, #9AA600, #747800, #464D00, #010200)
• Misty Lime color palette (#CBEFDE, #8BD05E, #34BF92, #906F00, #0F1700)
• Amethyst Canyon color palette (#DBF8E8, #B1A229, #7042E9, #6E6300, #110036)
• Chalky Plum color palette (#E3E4C6, #848300, #0080A8, #A43575, #080800)
• Chalky Olive Ridge color palette (#FBE4ED, #009BCA, #3C8900, #162D0B, #000202)

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