Tempered Amber Garden color palette — #FDF1F9 · #EFB4A2 · #68C0D4 · #CC6F51 · #2F5262

Coral Clay takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FDF1F9): a clean, paper-quiet neutral.
• Melon (#EFB4A2): A luminous, dusty orange — the color of toasted spice.
• Cyan (#68C0D4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Coral Clay (#CC6F51): A luminous, balanced orange — the color of sun-warmed clay.
• Peacock (#2F5262): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Balance. Tagged light, muted.

Use it as a design system

One click turns Tempered Amber Garden 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

• Peony Studio color palette (#F8F3FE, #E2B5CF, #62C5B6, #BD6E9F, #1A5850)
• Glacier Corridor color palette (#FFF2EB, #EED6BF, #83DAF5, #C3897A, #324D3F)
• Quiet Amber color palette (#EDF9EF, #D8C290, #8DB2F0, #AE8600, #384D71)
• Tempered Azure color palette (#FFF0F7, #D7A586, #47B7C0, #479BD0, #523A46)
• Muted Basin color palette (#FFF0FB, #FFC5B7, #CCBCF8, #D89586, #464A69)
• Worn Field color palette (#EEF8F2, #B1D3C9, #7EA691, #88704B, #2F4E4C)
• Softworn Loft color palette (#FFF2EC, #D9A092, #9F88DB, #A75948, #5F4451)
• Muted Azure Balcony color palette (#FFF0F7, #FFA86B, #30A0FC, #9F5000, #003C6A)

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