Amber Basin color palette — #FFF1F6 · #FF8C83 · #D47700 · #6C6100 · #312100

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Salmon (#FF8C83): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#D47700): A luminous, balanced gold — the color of honey in a jar.
• Olive (#6C6100): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#312100): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Dusty Amber Orchard color palette (#FFE4ED, #FF969A, #CD7E00, #517400, #110A00)
• Ancient Apricot Station color palette (#E0FAE3, #FC8332, #B18700, #537700, #302700)
• Ember Grove color palette (#FFEAFA, #FF75AC, #FB4833, #915A00, #3C1908)
• Pale Amber Corridor color palette (#EAFBE9, #FFBA9F, #D28900, #747F26, #183622)
• Olive Quarry color palette (#F1E2D9, #B79859, #667636, #254963, #332C47)
• Amber Canyon color palette (#F5EBE0, #AB8100, #706100, #414300, #00341C)
• Quiet Amber color palette (#C8EAD9, #BA7600, #7A7700, #005D30, #070B00)
• Mustard Boulevard color palette (#F0FCCC, #F4B20C, #8EA000, #007C54, #1E2F00)

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