Airy Amber color palette — #FFF3E3 · #BC8700 · #497100 · #004339 · #210000

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

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#BC8700): A luminous, balanced gold — the color of old brass.
• Olive (#497100): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004339): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#210000): A deep, shadowed, dusty orange — the color of toasted spice.

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

Use it as a design system

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

• Soft Corridor color palette (#FFF2EA, #E86400, #736300, #00451C, #200009)
• Forest Studio color palette (#FDF1DB, #927700, #115E09, #002B2A, #050100)
• Hazy Moss color palette (#F9F8D5, #75AE00, #007C6C, #00465E, #1A1000)
• Olive Lantern color palette (#F5EFCD, #626F00, #004834, #00191F, #020100)
• Muted Mustard color palette (#FAF5E6, #AEAB4C, #35895B, #00545B, #001B3A)
• Antique Orchard color palette (#FFF4DF, #B08D00, #0C7A1D, #670335, #190700)
• Fern Grove color palette (#D2E8D6, #846200, #2B5200, #003630, #400600)
• Mustard Corridor color palette (#FFEABE, #D0A900, #8F7E00, #504A00, #222400)

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