Tempered Field color palette — #E8FAF2 · #A4F0FF · #A8CAFF · #A7A6F7 · #0A372C
Lavender and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E8FAF2): A whisper-light, dusty teal — the color of shallow lagoons.
- Sea Foam (#A4F0FF): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#A8CAFF): A whisper-light, balanced blue — the color of deep harbor water.
- Lavender (#A7A6F7): A luminous, balanced violet — the color of a velvet chair.
- Deep Forest (#0A372C): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Creativity, Calm, 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
- Lilac Villa color palette (#E3FBF5, #B2E6FF, #B7C0F5, #BA9DE8, #3E233F)
- Periwinkle Market color palette (#D5E1EE, #87BEFF, #659DFF, #5771CC, #323764)
- Seafoam Alley color palette (#ECF9ED, #33FDE0, #71D5FF, #00C3E7, #00373D)
- Softworn Lilac color palette (#C7EADD, #3BD1FF, #82A3FF, #9A76ED, #001B2F)
- Linen Iris Workshop color palette (#E7FBF0, #42F2D3, #0BD0FC, #908AFE, #052F4D)
- Misty Iris color palette (#FCE7F7, #A8BBFF, #FF849C, #6C85FE, #54232D)
- Weathered Aqua Dune color palette (#F5F6EB, #C5ECCD, #4EC3DB, #11A09B, #1B4430)
- Washed Mallow Workshop color palette (#FFF0F9, #DBD3DC, #D3B3F2, #CBA4A4, #563A48)
Browse the whole catalog at Explore, or see today's palette.