Tempered Field color palette — #EEF6FF · #3B96FF · #A28300 · #7C6300 · #132C4B
Azure and Mustard set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Azure (#3B96FF): A luminous, vivid blue — the color of deep harbor water.
- Mustard (#A28300): A luminous, balanced green — the color of fresh herbs.
- Olive (#7C6300): A full-bodied, balanced green — the color of new leaves after rain.
- Midnight (#132C4B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Optimism, 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
- Airy Periwinkle color palette (#F0F5FF, #8E9FFF, #7E7800, #3E6B29, #21274E)
- Misty Cornflower Chapel color palette (#CEDFFA, #4E7BDF, #7A7500, #595500, #0A1839)
- Wandering Peony Garden color palette (#F2F5FF, #9C7DF2, #D0518D, #7D6300, #2D2547)
- Antique Study color palette (#D9FFF3, #69BFFF, #968200, #616F00, #00211A)
- Chalky Iris Thicket color palette (#EFF6FF, #5C92FF, #B761B1, #9F4800, #1B2A49)
- Sunlit Archive color palette (#F2F5FF, #A281FF, #A86600, #186706, #003A2B)
- Dusty Parlor color palette (#F2F4FF, #A58FE0, #6C9E68, #527B4F, #2E3145)
- Antique Blush color palette (#F2F5FF, #AFA5FF, #FF6E91, #D36326, #2A2548)
Browse the whole catalog at Explore, or see today's palette.