Tempered Azure color palette — #FFF0FE · #6791D0 · #88804A · #676036 · #443944

Slate Blue takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Slate Blue (#6791D0): A luminous, balanced blue — the color of open sky before noon.
• Walnut (#88804A): A full-bodied, dusty green — the color of new leaves after rain.
• Olive (#676036): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal (#443944): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

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

• Washed Cerulean color palette (#EAF9F2, #379CC5, #9B7752, #825318, #2E4239)
• Washed Lilac Dune color palette (#FFF1F5, #A37EC2, #618B64, #5D651D, #4A373D)
• Periwinkle Ridge color palette (#F1F8E6, #90A4EA, #9B6280, #585B53, #544149)
• Muted Periwinkle color palette (#EBF3FD, #7295CF, #A2718C, #2C6B5F, #182332)
• Softworn Dune color palette (#FEF0FC, #8FABE1, #B78DA5, #3C8A7D, #473745)
• Softworn Lantern color palette (#FBF2F7, #E5D8D4, #ACB0A6, #987688, #575054)
• Dusty Bronze color palette (#EEF8F5, #9BC5F0, #AC6955, #477099, #352B26)
• Sunlit Amethyst Workshop color palette (#FFF0F9, #6E4CFF, #606F00, #455100, #3F1E33)

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