Tempered Amber color palette — #F4D7E6 · #C38C49 · #93502C · #5D2E2D · #071D10

Mustard and Burnt Sienna set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#F4D7E6): A whisper-light, dusty rose — the color of strawberry cream.
• Mustard (#C38C49): A luminous, balanced gold — the color of honey in a jar.
• Burnt Sienna (#93502C): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#5D2E2D): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#071D10): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, 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 Parlor color palette (#D2E7D4, #A69B45, #805E1A, #5C3111, #001E17)
• Amber Boulevard color palette (#FFF2E9, #F0BB91, #BB774D, #7B4936, #2D1E0C)
• Hushed Basin color palette (#E6F8E4, #B9AB7D, #936C3D, #614054, #132720)
• Bronze Coast color palette (#F4E1D4, #946900, #663500, #420E05, #070500)
• Muted Marigold Lagoon color palette (#EAF5EE, #B79F3B, #007472, #655400, #00080B)
• Worn Grape Canyon color palette (#D6F1DE, #8E7100, #744FA2, #4D3769, #031409)
• Muted Stone color palette (#E5F7ED, #B1C395, #688C7A, #475F48, #1F302E)
• Misty Thicket color palette (#EFD9EA, #00BBD7, #E37800, #2E1723, #0F0509)

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