Tempered Azure Field color palette — #E7F4FD · #0099D2 · #8C552B · #5D360D · #251E00

Cerulean takes the lead with Ochre close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E7F4FD): a clean, paper-quiet neutral.
• Cerulean (#0099D2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Ochre (#8C552B): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#5D360D): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#251E00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Aged Lagoon color palette (#E5F5FA, #00A1A5, #964A50, #5D3606, #321120)
• Aged Azure color palette (#E9F3FD, #2494E2, #9B4A23, #134D28, #00260E)
• Tempered Summit color palette (#CBE4FB, #0077BB, #703E00, #352C00, #120E00)
• Indigo Loft color palette (#E6EEFD, #6171D6, #704E00, #003D35, #001915)
• Chestnut Meadow color palette (#EAF9F4, #68ACE0, #B36864, #8C4824, #194318)
• Powder Quarry color palette (#DBF8FF, #A1BEE8, #8681A4, #4D6459, #273C32)
• Weathered Cobalt color palette (#EFF6FF, #588AD0, #72538F, #732A49, #004048)
• Emerald Workshop color palette (#E4F6F4, #41A55B, #755390, #653100, #311222)

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