Tempered Amber color palette — #E1F3F1 · #D57538 · #00542A · #00220D · #000303

Coral Clay and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E1F3F1): a clean, paper-quiet neutral.
• Coral Clay (#D57538): A luminous, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#00542A): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#00220D): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000303): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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 Lantern color palette (#DAF5F9, #CD5C3E, #004239, #001410, #000203)
• Antique Amber Garden color palette (#DBF2E2, #B68A32, #544300, #221A00, #000401)
• Olive Delta color palette (#D3EFEA, #D09C00, #2A7C00, #19440A, #000303)
• Coral Basin color palette (#C9ECF5, #FF7E73, #006966, #003634, #001318)
• Timeworn Bronze color palette (#E4E5D7, #977523, #0B3000, #132123, #020D00)
• Softworn Stone Station color palette (#E5FAFB, #EFB59D, #477E69, #154B4E, #112627)
• Blush Summit color palette (#EBF7FF, #FE96B5, #007398, #004157, #001D2E)
• Weathered Ridge color palette (#E0EFF0, #B8C7CD, #96A7B7, #007255, #0D2325)

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