Tempered Coral color palette — #D1E3E8 · #6FBCFF · #E86E77 · #422C42 · #211A21

Built around Watermelon, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Silver (#D1E3E8): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#6FBCFF): A luminous, balanced blue — the color of deep harbor water.
• Watermelon (#E86E77): A luminous, balanced red — the color of late-summer berries.
• Espresso (#422C42): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#211A21): a grounded near-black with real depth.

Feels like: Trust, Stability, Balance. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Tempered Villa color palette (#D0F4FE, #C3BFFF, #E86D7E, #412E43, #1E181F)
• Worn Apricot Courtyard color palette (#DDDEEE, #51C9FE, #FF8946, #4C2E3F, #23131C)
• Wandering Thicket color palette (#CCE7E0, #2FCFFD, #E454C4, #382E46, #201B27)
• Patina Seafoam color palette (#3FFEF6, #D4D2FF, #E885AE, #4D4154, #302835)
• Hazy Lime color palette (#DAE7F1, #8DCA16, #FF6B63, #3E2805, #241915)
• Coral Hollow color palette (#FBE8F7, #D06F61, #338AB2, #03698E, #361C31)
• Worn Lime Boulevard color palette (#CEE6FA, #A3D400, #FF958B, #63495F, #271B25)
• Weathered Bronze Harbor color palette (#FBF2F6, #CEE1DF, #B0C5CA, #A97242, #45363C)

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