Tempered Field color palette — #D2E8F4 · #2F7CF9 · #5522C5 · #3B0059 · #030003
Plum and Azure set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D2E8F4): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#2F7CF9): A luminous, vivid blue — the color of a favorite pair of jeans.
- Plum (#5522C5): A full-bodied, vivid violet — the color of a velvet chair.
- Royal Purple (#3B0059): A deep, shadowed, balanced violet — the color of a velvet chair.
- Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged vibrant.
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 Grape color palette (#CDE5FF, #6867F7, #731AB9, #460042, #050002)
- Feathered Ultramarine color palette (#DAF5FF, #008BC8, #2635D1, #240060, #040007)
- Aubergine Cabin color palette (#D8EEFF, #006AE3, #4900AC, #2F004B, #270026)
- Muted Grove color palette (#D1E0F9, #6278F4, #6B3DF8, #5D00B0, #1C002C)
- Violet Hollow color palette (#EAEDFF, #8E5CDF, #706A00, #4C0090, #010100)
- Sunlit Aubergine color palette (#EDDBFF, #A975E9, #731DA5, #1C0032, #030005)
- Shadow Amethyst color palette (#D0DEFF, #764BC6, #6A007A, #320021, #040001)
- Faded Summit color palette (#D2E8EB, #00B538, #6174FF, #10041E, #00000A)
Browse the whole catalog at Explore, or see today's palette.