Tempered Amber color palette — #F5DDE9 · #DB7E4A · #97931B · #0060A2 · #210518

A conversation between Coral Clay and Moss, giving this palette its sense of nature and growth.

The five colors

• Rose Water (#F5DDE9): A whisper-light, dusty rose — the color of a warm blush.
• Coral Clay (#DB7E4A): A luminous, balanced orange — the color of toasted spice.
• Moss (#97931B): A luminous, balanced green — the color of fresh herbs.
• Peacock (#0060A2): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#210518): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, 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

• Cobalt Lagoon color palette (#FFF1F5, #DA9641, #969100, #0078C0, #311726)
• Airy Bronze color palette (#FAE1EF, #DE7D4C, #B96D00, #007791, #280006)
• Antique Ultramarine color palette (#E5DEED, #DF7CB5, #969015, #1C4EC3, #3D0029)
• Amber Corridor color palette (#F4DDE5, #C77500, #335D4D, #442431, #080307)
• Ultramarine Grove color palette (#D4E7D9, #A37E00, #717100, #0040DC, #0E0300)
• Lapis Ridge color palette (#E1F1E5, #BF971E, #55A31C, #5140C2, #011802)
• Aged Moss Meadow color palette (#EDF9EE, #DBB170, #73AC5C, #7472C4, #203121)
• Linen Scarlet Garden color palette (#F7E4DD, #CD4A47, #006E4E, #00486A, #1C0321)

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