Airy Olive Harbor color palette — #FFF3E4 · #FFA68D · #E28121 · #5A8B00 · #532712

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

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Melon (#FFA68D): A luminous, balanced orange — the color of toasted spice.
• Tangerine (#E28121): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#5A8B00): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#532712): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged retro, warm.

Use it as a design system

One click turns Airy Olive 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 Pine color palette (#FBECD5, #F0A870, #B98F44, #008C44, #472800)
• Weathered Coral color palette (#FFF3E7, #FFA1B4, #F26F60, #8B7B00, #5A1E27)
• Pale Moss color palette (#FFF3E7, #F9A043, #97A200, #008A65, #600015)
• Muted Tangerine Pier color palette (#FFE2D3, #FA714B, #855C45, #603428, #1B0E08)
• Linen Amber color palette (#E6DED1, #D58100, #927100, #006640, #211300)
• Mustard Summit color palette (#EEE6B4, #CCB000, #839A00, #007C78, #2D2A00)
• Soft Amber Alley color palette (#DCFFEA, #FF9BC2, #CB6600, #006087, #41191C)
• Muted Lagoon Harbor color palette (#FFECD6, #DECCA0, #ABAE7E, #38A082, #0D5452)

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