Powdered Amber Harbor color palette — #F5DDC5 · #C39810 · #7C7600 · #394F00 · #033104

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

The five colors

• Parchment (#F5DDC5): A whisper-light, dusty gold — the color of old brass.
• Mustard (#C39810): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#7C7600): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#394F00): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Forest (#033104): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Powdered 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

• Worn Amber Summit color palette (#F4DED7, #E1883E, #986A00, #584900, #232700)
• Fern Drift color palette (#FFDB9D, #BEB356, #7F8E36, #296812, #003820)
• Olive Courtyard color palette (#E8E6C9, #96AA42, #3E8C3A, #005739, #002820)
• Airy Mustard color palette (#FFF3E5, #E0B330, #7C7C00, #395000, #001702)
• Hushed Amber Corridor color palette (#EFDBBB, #B88A11, #5A7400, #054787, #2B2400)
• Ancient Emerald color palette (#FDEFCC, #FFB25B, #C1AE00, #44A243, #252700)
• Worn Bronze color palette (#F4EDE5, #DDD7CA, #BCB8A3, #976700, #352C20)
• Pine Orchard color palette (#FEF9B7, #B1C686, #70A16C, #007A51, #004C41)

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