Tempered Ember Pier color palette — #FDE9E7 · #F5641E · #AD6B00 · #695D00 · #162100

Tangerine and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#FDE9E7): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#F5641E): A luminous, vivid orange — the color of autumn markets.
• Ochre (#AD6B00): A full-bodied, balanced gold — the color of old brass.
• Olive (#695D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#162100): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged warm.

Use it as a design system

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

• Amber Terrace color palette (#FFEAE3, #CF7F00, #937000, #4F5A00, #022402)
• Faded Courtyard color palette (#FFE1D3, #CC6D00, #8B5900, #503800, #292000)
• Blush Summit color palette (#F5D9E3, #FC5B7C, #D14D00, #854900, #231A00)
• Hushed Cabin color palette (#DCF5DB, #ABA155, #A86F00, #8E3F24, #0D1B00)
• Hushed Mustard Hollow color palette (#F0E8CF, #DBA500, #9D8400, #655600, #0E0900)
• Marigold Archive color palette (#F4DCCC, #E39B00, #9C9900, #617C00, #003D22)
• Soft Summit color palette (#F7E0E7, #F0992C, #556EE9, #9F6000, #0B0E4C)
• Feathered Olive color palette (#F2DDC1, #847F00, #4D6400, #004F1E, #00100C)

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