Tempered Meadow color palette — #F0E4F1 · #DA1F8F · #97002E · #551E00 · #2F1900

Fuchsia and Garnet set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#F0E4F1): A whisper-light, dusty pink — the color of a candy shop window.
• Fuchsia (#DA1F8F): A full-bodied, vivid rose — the color of a warm blush.
• Garnet (#97002E): A full-bodied, vivid red — the color of late-summer berries.
• Espresso (#551E00): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#2F1900): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

Use it as a design system

One click turns Tempered Meadow 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

• Dusty Raspberry color palette (#F6D6E8, #D90064, #7D2600, #472100, #261900)
• Soft Crimson color palette (#F8DFF0, #E366A0, #E60149, #A70A00, #381700)
• Pale Lantern color palette (#FFE7ED, #DA446C, #B3003D, #750019, #3C0101)
• Gentle Magenta Meadow color palette (#E2DFF6, #BB26CF, #910063, #5E0025, #450703)
• Pale Rose color palette (#F9D4DC, #F82244, #8F4400, #5C3A00, #3A3100)
• Weathered Brick color palette (#F8D8CA, #CC0B0B, #006767, #700303, #002020)
• Hushed Brick color palette (#FFE1E0, #AA002D, #00576B, #1B3958, #2A0005)
• Frosted Thicket color palette (#F7DDE0, #CF5500, #6C3C00, #3A2C00, #1D1E00)

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