Ancient Amber color palette — #EFF8EE · #C49650 · #7C8B45 · #306C82 · #3B3444

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

The five colors

• Ivory (#EFF8EE): bright and airy, almost weightless.
• Mustard (#C49650): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#7C8B45): A luminous, balanced green — the color of new leaves after rain.
• Peacock (#306C82): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3B3444): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Ancient 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

• Taupe Thicket color palette (#EBF9F2, #A7A858, #499D7E, #496598, #3C2D3A)
• Moss Grove color palette (#F3F4FF, #AF91D7, #7E9141, #2B6E83, #313142)
• Taupe Pier color palette (#EAFAED, #F3A897, #A7904C, #576E9C, #56404A)
• Wandering Corridor color palette (#FEEDF2, #CC8C3F, #416051, #433338, #252023)
• Muted Petrol Field color palette (#FFF2ED, #E4A399, #609982, #41729B, #2F1E20)
• Airy Moss color palette (#EBF9F1, #A79812, #008DA8, #7A467F, #1B2E20)
• Soft Aubergine color palette (#FFF1F5, #B87300, #007D7D, #62378A, #30151F)
• Wandering Taupe color palette (#FDF3E8, #D9B281, #B99F62, #5893B2, #562700)

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