Amber Pier color palette — #FFDBD6 · #F1975B · #BC8400 · #696E00 · #092B00

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

The five colors

• Shell Pink (#FFDBD6): A whisper-light, dusty orange — the color of toasted spice.
• Apricot (#F1975B): A luminous, balanced gold — the color of old brass.
• Mustard (#BC8400): A luminous, balanced gold — the color of old brass.
• Olive (#696E00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#092B00): A deep, shadowed, balanced green — the color of new leaves after rain.

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

Use it as a design system

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

• Tempered Amber color palette (#FFEBD6, #C79746, #8D6D00, #5A4E00, #292900)
• Quiet Lagoon color palette (#FDDCD1, #EBB47A, #BD9A0F, #6A8400, #003F0E)
• Dusty Veranda color palette (#FCE2EC, #FA8D8B, #E4670D, #855F00, #252100)
• Weathered Olive color palette (#EDDCD0, #CDAC4F, #869800, #307F00, #002D22)
• Weathered Amber color palette (#FFD9D4, #CA7300, #715100, #2E3400, #011001)
• Weathered Lapis Bloom color palette (#CCE6CD, #EA9068, #A09216, #544BB7, #371D00)
• Aged Study color palette (#F8ECE0, #A29000, #597D00, #005C30, #00120F)
• Hazy Emerald Summit color palette (#FFEDDE, #E6CE94, #B1B75B, #439F4C, #004937)

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