Tempered Field color palette — #FEF1F8 · #E8D5EE · #7AE0D9 · #9591D1 · #384D36

Lagoon and Blue Fog set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FEF1F8): a clean, paper-quiet neutral.
• Thistle (#E8D5EE): A whisper-light, dusty pink — the color of neon signs at night.
• Lagoon (#7AE0D9): A whisper-light, balanced teal — the color of glacier melt.
• Blue Fog (#9591D1): A luminous, balanced violet — the color of twilight just after sunset.
• Deep Olive (#384D36): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged 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

• Aged Wisteria color palette (#FFF1F2, #FFD2DB, #93D5FF, #C380B5, #2B4E43)
• Muted Drift color palette (#FFF0F8, #D2CEFF, #C3CE93, #A6A0DC, #5A4D00)
• Hushed Periwinkle color palette (#FBF2F9, #DFD8F3, #FFB3C4, #7C97DE, #5B3E38)
• Wandering Pier color palette (#FFF1F1, #E2DAD0, #A77392, #5E3B3C, #211919)
• Taupe Parlor color palette (#FFF1F5, #E4D7D3, #AEB5AC, #BE9984, #5E4A4F)
• Fern Lantern color palette (#FFF0F7, #B1A8D7, #9C9D65, #7569A0, #5D4B00)
• Worn Pier color palette (#EEF1FF, #B3ACDF, #97A463, #72699E, #033B2D)
• Worn Lilac Ridge color palette (#FFF1F6, #E6D9E2, #BE9CE0, #745A90, #3C1E29)

Browse the whole catalog at Explore, or see today's palette.