Amber Harbor color palette — #FAE7D7 · #A99100 · #3F6800 · #3D3B71 · #372D00

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

The five colors

• Parchment (#FAE7D7): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#A99100): A luminous, balanced green — the color of fresh herbs.
• Olive (#3F6800): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#3D3B71): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Espresso (#372D00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, 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

• Muted Terrace color palette (#FAE9D0, #869D35, #006C3C, #632B56, #293300)
• Feathered Aubergine Dune color palette (#D8EBD9, #A7962A, #566300, #402981, #1A1600)
• Patina Orchard color palette (#FFF4E1, #96AD6F, #127D51, #59447B, #3B3B34)
• Softworn Balcony color palette (#FCE8CC, #BCAC4B, #7B8C18, #533E98, #352E00)
• Muted Onyx Meadow color palette (#FBE7CB, #64732D, #004422, #310A48, #0D1200)
• Timeworn Driftwood Pier color palette (#FBF4ED, #CDC09F, #84863E, #765D6D, #604A00)
• Hushed Lagoon Hollow color palette (#F1EDD3, #4E8865, #00504D, #451E3D, #002210)
• Fern Garden color palette (#F6F6E8, #88BDA8, #417F83, #724F4F, #324B07)

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