Tempered Field color palette — #E7F9FD · #B2E2FB · #6EE9DC · #76BAC6 · #304F58
Built around Lagoon, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Ivory (#E7F9FD): bright and airy, almost weightless.
- Powder Blue (#B2E2FB): A whisper-light, dusty blue — the color of deep harbor water.
- Lagoon (#6EE9DC): A whisper-light, balanced teal — the color of glacier melt.
- Cyan (#76BAC6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#304F58): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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
- Powder Lantern color palette (#E8F8FF, #BFD9F7, #C5B9C2, #7BBEE0, #324A55)
- Wandering Courtyard color palette (#E8F8FF, #B6D7EB, #99B2C9, #848598, #545063)
- Washed Glacier color palette (#F0F8EF, #83FDF8, #B5E3F0, #86D6FF, #3B533D)
- Celadon Pier color palette (#EAF9F6, #EAFFB9, #B1E9AA, #84CAAD, #35524F)
- Taupe Orchard color palette (#EDF8F1, #B0DDC7, #98A171, #68847E, #42514A)
- Faded Lantern color palette (#ECF7FF, #57E3FF, #48C7FD, #6492D2, #17354C)
- Powder Dune color palette (#ECF7FF, #7CCFFF, #D29DCA, #4F95BC, #514765)
- Dusty Teal color palette (#E2F6FC, #00B1B6, #455C66, #2E3A3E, #1D2324)
Browse the whole catalog at Explore, or see today's palette.