Tempered Scarlet color palette — #D8ECE9 · #009B8F · #D40033 · #005951 · #320005

Crimson and Fern set the tone — five colors that lean into energy and balance.

The five colors

• Honeydew (#D8ECE9): A whisper-light, dusty teal — the color of sea glass.
• Fern (#009B8F): A luminous, balanced teal — the color of sea glass.
• Crimson (#D40033): A full-bodied, vivid orange — the color of autumn markets.
• Peacock (#005951): A full-bodied, dusty teal — the color of glacier melt.
• Ink (#320005): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Energy, Balance. Tagged vibrant.

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

• Ancient Scarlet color palette (#BDEFF5, #009B7F, #CF181B, #005C4B, #5C0104)
• Frosted Veranda color palette (#D0E4EA, #0096B2, #AF5400, #005667, #270E00)
• Ember Courtyard color palette (#D6FDE8, #00A8D2, #D94F00, #00657F, #3C1000)
• Weathered Boulevard color palette (#D8EADD, #28B06B, #AD0080, #005C32, #2D001F)
• Ancient Plum color palette (#DCEEEC, #00837E, #B80057, #981800, #001211)
• Weathered Rose color palette (#C1EDF8, #00B6AF, #F1367A, #007974, #5A0026)
• Worn Meadow color palette (#E9F6EB, #51C6D2, #C8888D, #357E85, #46281F)
• Blush Coast color palette (#E0EACF, #FF5586, #00A29C, #001B19, #000500)

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