Tempered Apricot color palette — #F0F5FF · #9DB5F6 · #E68B45 · #627CC7 · #5A3547

Built around Apricot, softened by Azure — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sky (#9DB5F6): A luminous, balanced violet — the color of a velvet chair.
• Apricot (#E68B45): A luminous, balanced gold — the color of afternoon light on wheat.
• Azure (#627CC7): A full-bodied, balanced violet — the color of twilight just after sunset.
• Cocoa (#5A3547): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Softworn Coral Study color palette (#ECF7FF, #76C2EE, #F77871, #008BC1, #533750)
• Airy Mustard Terrace color palette (#F0F5FF, #A0B2FF, #B5A738, #6A7AC6, #254C39)
• Hushed Amber Alley color palette (#EEF6FF, #68A9EF, #D68100, #858E27, #2A394A)
• Pale Veranda color palette (#FFF0FE, #BAD6FF, #E0B35E, #548AD9, #4B3400)
• Periwinkle Harbor color palette (#FEF0FF, #65A2EC, #4C9C70, #3E6799, #41433D)
• Timeworn Powder color palette (#D1E6D8, #FFB796, #A9B9FF, #354159, #282C34)
• Indigo Boulevard color palette (#F2F5FF, #ABD19F, #7365A9, #433C60, #1E212D)
• Washed Turquoise color palette (#EFF6FF, #E2D9E2, #EEBEE3, #60A3C0, #42495B)

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