Amber Coast color palette — #F4EEE1 · #B79900 · #898300 · #505B00 · #0F1C00

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

The five colors

• Cream (#F4EEE1): a clean, paper-quiet neutral.
• Mustard (#B79900): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#898300): A full-bodied, balanced green — the color of new leaves after rain.
• Olive (#505B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#0F1C00): A deep, shadowed, dusty 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 Coast 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

• Feathered Balcony color palette (#FBECCD, #B59500, #747E00, #00635C, #1A1600)
• Wandering Amber color palette (#FFE6D7, #DB8300, #A97000, #6B5000, #191400)
• Aged Amber color palette (#FFE5D6, #BE7D00, #716200, #2C4300, #00190A)
• Muted Ridge color palette (#E2E3CE, #839800, #597C00, #1B5600, #000E02)
• Tempered Bronze Pier color palette (#F6F0DF, #887B00, #404613, #261C00, #030100)
• Wandering Moss color palette (#ECE9D6, #879B00, #00875F, #005C67, #00112B)
• Clover Market color palette (#DDE9D5, #49B855, #009651, #006347, #001F19)
• Aged Study color palette (#F6EEE4, #BFC1B3, #A5AC8F, #A57624, #261E13)

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