Tempered Rose color palette — #DAE5F0 · #7CB000 · #FF455F · #5C0F1B · #0C010D

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

The five colors

• Frost (#DAE5F0): bright and airy, almost weightless.
• Clover (#7CB000): A luminous, vivid green — the color of a quiet forest floor.
• Scarlet (#FF455F): A luminous, vivid red — the color of embers at dusk.
• Oxblood (#5C0F1B): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#0C010D): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Powdered Harbor color palette (#E6E9F8, #34A900, #E14E00, #3C0F00, #060004)
• Peony Delta color palette (#D4E4F0, #FF368F, #9F8500, #55142E, #100316)
• Ancient Amber color palette (#EEE7FE, #00B88C, #D17F00, #4B2A00, #0F0206)
• Muted Terracotta color palette (#EDDCEB, #C89F42, #A44440, #681617, #070006)
• Rose Alley color palette (#DFF1FF, #00ACBD, #FB1C70, #330010, #0C010F)
• Gentle Clover color palette (#EAEFFF, #00DB51, #FF8A3A, #763500, #240F1B)
• Hushed Crimson Villa color palette (#D7F3FF, #3C9700, #D3003D, #170200, #040000)
• Hushed Harbor color palette (#CCEFE9, #C49500, #F107EA, #471744, #080412)

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