Airy Amber Harbor color palette — #F7E3C5 · #AF9100 · #666D00 · #264700 · #001906

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

The five colors

• Parchment (#F7E3C5): A whisper-light, dusty gold — the color of old brass.
• Mustard (#AF9100): A luminous, balanced green — the color of new leaves after rain.
• Olive (#666D00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#264700): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#001906): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Marigold Canyon color palette (#FFDEAC, #B99C00, #5C6900, #183300, #000702)
• Amber Villa color palette (#F3E4DE, #CD7900, #805C00, #423A00, #111900)
• Pale Ridge color palette (#E2E2CF, #6F9C25, #087419, #004632, #001F1B)
• Gentle Navy Boulevard color palette (#EEDEC4, #9C7C00, #3E6500, #023080, #191700)
• Timeworn Bronze Terrace color palette (#F7E4E0, #A26E00, #534C00, #00330B, #001C19)
• Linen Coast color palette (#F4EAD3, #877400, #005F5F, #3A0D7D, #2A0100)
• Feathered Pine color palette (#F2EAD5, #E69900, #A9A000, #168819, #131600)
• Chestnut Study color palette (#F3EEE6, #CAC4B2, #AAA686, #7B5A00, #261E12)

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