Tempered Field color palette — #EFF6FF · #5682C1 · #9D6100 · #00624C · #253446
A conversation between Ochre and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Cerulean (#5682C1): A luminous, balanced blue — the color of deep harbor water.
- Ochre (#9D6100): A full-bodied, balanced gold — the color of honey in a jar.
- Pine (#00624C): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#253446): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Optimism, 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
- Washed Violet color palette (#F4F4FF, #9769BE, #886E00, #00605A, #303046)
- Misty Cerulean Pier color palette (#ECF7FF, #008DBD, #8B6C00, #674F00, #223543)
- Airy Iris Drift color palette (#FFEBF7, #7879D9, #9E671E, #445B22, #23151E)
- Terracotta Grove color palette (#F2F4FF, #836BBF, #9D3925, #004D46, #242736)
- Washed Grove color palette (#DCFDFC, #8193D8, #9B4976, #005B53, #393B53)
- Pine Parlor color palette (#EBF7FF, #008FB3, #148652, #005F64, #233640)
- Washed Bronze Atelier color palette (#E4FBF9, #3F965A, #A45C00, #216236, #183937)
- Dusty Iris Orchard color palette (#F1F5FF, #8E8FFF, #B68350, #5C794B, #2B3246)
Browse the whole catalog at Explore, or see today's palette.