Tempered Scarlet color palette — #F0EDD8 · #F0340D · #716E00 · #005D52 · #070E00

Scarlet and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F0EDD8): A whisper-light, dusty green — the color of new leaves after rain.
• Scarlet (#F0340D): A luminous, vivid orange — the color of sun-warmed clay.
• Olive (#716E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#005D52): A full-bodied, dusty teal — the color of shallow lagoons.
• Ink (#070E00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Energy, Balance. Tagged candy, vibrant, light.

Use it as a design system

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

• Amber Study color palette (#E8EDE0, #CF6C00, #517B00, #004D54, #000B01)
• Wandering Cabin color palette (#F1E4D1, #FC2E86, #976000, #005530, #0B0900)
• Gentle Drift color palette (#D2F4E2, #DC8C00, #978B00, #007F45, #080F00)
• Onyx Ridge color palette (#F8DED8, #7E6E3D, #00513B, #4C042F, #310206)
• Mustard Veranda color palette (#EEE8D9, #FF8D6A, #BBA300, #009885, #040E00)
• Weathered Dune color palette (#EEE8D2, #697C00, #0E4B04, #00281C, #001117)
• Basalt Thicket color palette (#D6F6E8, #6B606A, #3A3D00, #191E26, #000C05)
• Frosted Moss Summit color palette (#F4FBC8, #FFA77A, #A39800, #007D7E, #00310B)

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