Tempered Field color palette — #EFF6FF · #92B7FF · #B6A554 · #5B7FC5 · #244C37

Azure takes the lead with Sky close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#92B7FF): A luminous, balanced violet — the color of twilight just after sunset.
• Camel (#B6A554): A luminous, balanced green — the color of a quiet forest floor.
• Azure (#5B7FC5): A luminous, balanced violet — the color of a velvet chair.
• Forest (#244C37): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Balance. Tagged cool.

Use it as a design system

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

• Soft Cabin color palette (#F3F4FF, #C1A5FF, #94B06B, #8772B6, #164D41)
• Powder Quarry color palette (#EDF6FF, #72BFFF, #DE8F62, #4986B8, #583649)
• Chalky Cornflower color palette (#FFF0FD, #C0D4FF, #CABD6D, #5C84E6, #413900)
• Pale Periwinkle color palette (#F0F5FF, #839EFF, #A39B47, #6A8B57, #2D384C)
• Misty Chapel color palette (#FFF0FC, #839DDE, #389E80, #4560AD, #1A4D3D)
• Quiet Grape color palette (#DFE2FF, #BD99FF, #9A8E00, #7300CE, #332F00)
• Iris Delta color palette (#F1F5FF, #BFC8FF, #FF9DA8, #8892FF, #643037)
• Softworn Shell Garden color palette (#EFF6FF, #E7D9E2, #FBBBC4, #67A2AB, #4D5061)

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