Tempered Amber color palette — #F4D7DF · #C07A00 · #365D46 · #3F282F · #080305

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

The five colors

• Shell Pink (#F4D7DF): A whisper-light, dusty rose — the color of strawberry cream.
• Mustard (#C07A00): A luminous, balanced gold — the color of afternoon light on wheat.
• Pine (#365D46): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#3F282F): A deep, shadowed, dusty rose — the color of a warm blush.
• Ink (#080305): a grounded near-black with real depth.

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

Use it as a design system

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

• Tempered Meadow color palette (#DDF7E3, #AC8600, #54572E, #223527, #090304)
• Ember Ridge color palette (#FFE5F6, #EE4B00, #6C4C2D, #3B2935, #080208)
• Bronze Terrace color palette (#F9E2E9, #9F6200, #32360E, #230E16, #090207)
• Hushed Mustard Station color palette (#D2ECDE, #BDAD00, #52796F, #3F4E46, #131A14)
• Aged Olive Harbor color palette (#D1E8DE, #6A7100, #133D04, #121E22, #000A05)
• Jade Lagoon color palette (#D1EBEA, #00BF78, #25766B, #294847, #071512)
• Aged Market color palette (#FEECD4, #D59F00, #9E8C00, #6F6E00, #2B3900)
• Ancient Stone Cabin color palette (#F7E0D2, #D3B97A, #8FA166, #4F7F9E, #28334B)

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