Tempered Field color palette — #FFF1CC · #00A3B6 · #5D3FD0 · #463F00 · #001F31
A conversation between Iris and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF1CC): A whisper-light, dusty gold — the color of old brass.
- Cerulean (#00A3B6): A luminous, balanced blue — the color of deep harbor water.
- Iris (#5D3FD0): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Olive (#463F00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Midnight (#001F31): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged retro, 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
- Grape Thicket color palette (#EBEBD3, #1F97BF, #6F3BA6, #294100, #230F24)
- Hazy Ultramarine Studio color palette (#FFEFDE, #00A895, #005CC4, #5A3400, #002126)
- Antique Azure color palette (#FFF4DE, #0093E3, #594FAF, #6C3300, #1F3558)
- Wandering Violet Market color palette (#FFF6CE, #00BBDA, #8161E2, #6B5A00, #153853)
- Soft Basin color palette (#DEFFE5, #81C7FF, #7C6BFA, #884200, #142746)
- Muted Ridge color palette (#F7F3DB, #77B98E, #007B76, #184E7F, #002913)
- Patina Corridor color palette (#F8F0E9, #A6D7F5, #4179F8, #00635D, #271C45)
- Worn Violet color palette (#A2F4FB, #8EABD5, #946AAE, #3C5B2A, #1F3B0C)
Browse the whole catalog at Explore, or see today's palette.