Tempered Field color palette — #E6F4FF · #98B1E8 · #8075CA · #6A4D83 · #3B3049

Built around Lavender Blue, softened by Graphite — the whole palette hums with creativity and balance.

The five colors

• Ivory (#E6F4FF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#98B1E8): A luminous, balanced violet — the color of a velvet chair.
• Lavender Blue (#8075CA): A luminous, balanced violet — the color of a velvet chair.
• Graphite (#6A4D83): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#3B3049): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Balance. Tagged muted.

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

• Violet Ridge color palette (#EAF1FF, #C4B2EC, #9E68B1, #77435F, #45344B)
• Muted Courtyard color palette (#C6EEF6, #7CCBD9, #2A8AC8, #455C90, #2E334B)
• Dusty Pewter color palette (#F0F1FE, #C0A5E2, #A99E4A, #8060A4, #163929)
• Aged Veranda color palette (#F0F0FF, #DEC3F6, #A076BA, #574575, #1E1B34)
• Antique Coast color palette (#DAFFF0, #ADC6FF, #9D94D8, #896B94, #634546)
• Worn Sand color palette (#ECF2FF, #FFDFBD, #E1D4E0, #6E91AC, #3D3C4E)
• Timeworn Plum color palette (#E4E7FE, #AC7ED4, #A82BA2, #751D4B, #3E1311)
• Muted Moss Harbor color palette (#EAF3FF, #7E9CD5, #739C45, #4C866C, #1D2837)

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