Airy Harbor color palette — #F3E3CB · #A08F00 · #785300 · #562700 · #0E1500

Moss and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F3E3CB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Moss (#A08F00): A luminous, balanced green — the color of a quiet forest floor.
• Coffee (#785300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#562700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#0E1500): 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 Airy 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

• Wandering Amber color palette (#F4E1D5, #C37B02, #933E00, #65111A, #181100)
• Misty Moss color palette (#CCE6CE, #95923B, #785300, #652500, #153102)
• Hushed Mustard color palette (#DFFFE4, #E1B500, #A17600, #6A4400, #1D1800)
• Aged Bronze color palette (#F6E9D8, #857100, #5C3C00, #3C1600, #050600)
• Aged Amber Meadow color palette (#F1E2D3, #A58B00, #4F6600, #00400E, #00140F)
• Chestnut Grove color palette (#FAF1E0, #BCC08F, #918158, #7B4C0F, #2D2D1C)
• Amber Lantern color palette (#FBEADB, #D87900, #006F28, #713D00, #030400)
• Muted Chestnut Lantern color palette (#FFEACD, #7B5A00, #004A75, #00304F, #150006)

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