Amber Harbor color palette — #F5E6D1 · #B4B95E · #B48614 · #8D5E45 · #24260B

Mustard and Gold set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F5E6D1): A whisper-light, dusty gold — the color of honey in a jar.
• Gold (#B4B95E): A luminous, balanced green — the color of new leaves after rain.
• Mustard (#B48614): A luminous, balanced gold — the color of honey in a jar.
• Walnut (#8D5E45): A full-bodied, dusty orange — the color of sun-warmed clay.
• Onyx (#24260B): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Misty Mustard color palette (#F7D8B6, #D5B700, #CD8100, #B24E36, #202F00)
• Softworn Taupe color palette (#F4E6CC, #B7CB8B, #B19C54, #967153, #30312A)
• Feathered Bronze color palette (#DDEBE0, #ABA151, #8E6C00, #6C4204, #002C20)
• Washed Balcony color palette (#F3E0D1, #B28912, #A45700, #7C3030, #0B0D00)
• Softworn Mustard Summit color palette (#F0D9C7, #CFB934, #B85C03, #663D21, #150700)
• Chestnut Boulevard color palette (#D5E9D9, #8A8A55, #6B5000, #4B2600, #081200)
• Sand Studio color palette (#FFF2EA, #EFC996, #D59E84, #A87C70, #3F3D36)
• Aged Mustard Harbor color palette (#ECDBCF, #E1AB00, #799F17, #007849, #00282C)

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