Tempered Amber color palette — #FFF0F9 · #E47022 · #0067AA · #0E4F80 · #1E1B31

Tangerine and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Tangerine (#E47022): A luminous, vivid orange — the color of toasted spice.
• Peacock (#0067AA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#0E4F80): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#1E1B31): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Ember Study color palette (#FFF0FC, #E84C15, #007E98, #005567, #171830)
• Muted Parlor color palette (#EEF9EE, #C48700, #4281B6, #346187, #2F2437)
• Softworn Coast color palette (#FFF3E9, #C5744A, #00817B, #13419E, #230204)
• Airy Amber Harbor color palette (#DAF8DD, #E78600, #6E8121, #484F89, #1C3723)
• Indigo Lantern color palette (#E7FBEE, #988500, #6F59B6, #513E80, #28192E)
• Muted Lapis Parlor color palette (#FFF3E7, #DE9656, #66B14C, #6254C3, #2A1603)
• Moss Meadow color palette (#D1FCEA, #818E00, #0070A3, #00428A, #2E0402)
• Worn Alley color palette (#FCF1FF, #E13D6E, #00856E, #006150, #151B2D)

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