Amber Basin color palette — #FFF1F4 · #FFBFAA · #C37500 · #675600 · #222800

A conversation between Mustard and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Wheat (#FFBFAA): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mustard (#C37500): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#675600): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#222800): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Ancient Amber Study color palette (#FFE5DC, #C77A00, #665400, #152000, #000200)
• Timeworn Amber color palette (#FFF2EE, #FFC174, #A38800, #476000, #002508)
• Ember Canyon color palette (#FFF0FB, #FFAABD, #D76759, #7A4400, #2F2100)
• Hushed Courtyard color palette (#FFF2EF, #ECDCB5, #B8984D, #656B17, #0F3B00)
• Tangerine Drift color palette (#FFD6D5, #F77711, #8B5E00, #312D00, #020600)
• Linen Atelier color palette (#FFD5E8, #F7A6A5, #D3864D, #8C7900, #243B00)
• Feathered Coral color palette (#FFF4DF, #FF948A, #A07700, #1D5386, #321B0A)
• Hazy Pier color palette (#FFDEED, #C97F82, #A14D00, #473700, #0B2100)

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