Tempered Amber color palette — #FFDDD4 · #DD9869 · #BB7E13 · #497032 · #0F4B28

A conversation between Mustard and Camel, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FFDDD4): A whisper-light, dusty orange — the color of toasted spice.
• Camel (#DD9869): A luminous, balanced gold — the color of honey in a jar.
• Mustard (#BB7E13): A luminous, balanced gold — the color of honey in a jar.
• Olive (#497032): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#0F4B28): A deep, shadowed, balanced teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Balance. Tagged vintage, retro, 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

• Gentle Cypress Lantern color palette (#F6DCC4, #C2A871, #8C853B, #007754, #00443D)
• Feathered Amber Archive color palette (#FFE1E7, #D19695, #BD7158, #675F00, #354200)
• Tempered Fern Thicket color palette (#FFF2EF, #FFBC9E, #B47C4B, #546D26, #193718)
• Muted Balcony color palette (#F3E4EC, #FFA29E, #BD9258, #0C81A3, #033F51)
• Tempered Marigold Parlor color palette (#FFECDA, #F7971A, #B16C00, #6C3F00, #251300)
• Soft Plum color palette (#F4DBCB, #D16E00, #728D00, #C40080, #3A1A00)
• Muted Studio color palette (#F5D6E9, #DB716C, #966400, #18567B, #2A3666)
• Wandering Archive color palette (#F8E4C7, #82764C, #585A00, #003B31, #001515)

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