Tempered Scarlet Quarry color palette — #DFEFFF · #00BC56 · #E9351D · #4F261F · #0D0301

Poppy and Clover set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DFEFFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Clover (#00BC56): A luminous, vivid green — the color of new leaves after rain.
• Poppy (#E9351D): A luminous, vivid orange — the color of sun-warmed clay.
• Espresso (#4F261F): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#0D0301): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Energy, Balance. Tagged neon, dark, vibrant.

Use it as a design system

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

• Bronze Lantern color palette (#DCEBFF, #00A778, #B25700, #401B00, #040100)
• Aged Amber color palette (#F1EBFF, #00B5A3, #D57C00, #4F2E0B, #0B0400)
• Peony Field color palette (#DAF1FF, #95A900, #FF3592, #4E1B2F, #100000)
• Terracotta Loft color palette (#FAEAE0, #CA9E38, #AA411E, #5E2513, #060100)
• Ancient Scarlet Study color palette (#D8DEEF, #5C9100, #D21A00, #170000, #030003)
• Apricot Orchard color palette (#E8E7F5, #00D4A7, #F69200, #6D3E00, #1F0F00)
• Ember Thicket color palette (#FCEBE0, #E46212, #009097, #005DAF, #1C0600)
• Misty Peony color palette (#D6ECFF, #00C3BB, #FF4991, #180007, #030004)

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