Tempered Amber Meadow color palette — #E7F6ED · #B19B20 · #445F54 · #313B35 · #1D231F

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

The five colors

• Cream (#E7F6ED): bright and airy, almost weightless.
• Mustard (#B19B20): A luminous, balanced green — the color of fresh herbs.
• Pine (#445F54): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#313B35): quiet, heavy and certain.
• Onyx (#1D231F): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Aged Amber Workshop color palette (#FFECF5, #D68453, #685059, #3F353A, #252023)
• Tempered Bronze Lantern color palette (#E8F6ED, #8F7C22, #29423B, #222B25, #0F1715)
• Patina Atelier color palette (#F7F1E5, #C5B77B, #877D34, #6B5000, #25211B)
• Mint Villa color palette (#E1FCF8, #7BC779, #4BB6C7, #AD8C5A, #304845)
• Ancient Jade color palette (#CDECEC, #00A979, #2A555A, #213132, #121A1A)
• Tempered Ridge color palette (#EDF8F5, #BDDBB3, #81A785, #6E8474, #3F514E)
• Nocturne Olive color palette (#D5E8E3, #518200, #003C37, #001B16, #000604)
• Deep Studio color palette (#D7E8E3, #006150, #3A353B, #001E1C, #000304)

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