Tempered Ridge color palette — #D1EFDD · #2ECEFC · #E34369 · #4D1421 · #190D1B

Poppy and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D1EFDD): A whisper-light, dusty teal — the color of sea glass.
• Sky (#2ECEFC): A luminous, balanced blue — the color of deep harbor water.
• Poppy (#E34369): A luminous, vivid red — the color of late-summer berries.
• Espresso (#4D1421): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#190D1B): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Softworn Coral color palette (#D5EAE4, #5CD9FF, #E87064, #592722, #261724)
• Peony Veranda color palette (#E3F2E8, #14D9BB, #E326A8, #411832, #16111C)
• Ember Bloom color palette (#CDECFB, #00C7A1, #EF5734, #45170D, #210D1D)
• Ancient Alley color palette (#E4F3DE, #C5D2FF, #EB6EB0, #2E1011, #040000)
• Sunlit Station color palette (#D7EFF0, #81C100, #EF4494, #3F1226, #130818)
• Amber Canyon color palette (#E0EFFB, #CBABFF, #D87100, #4C2400, #280F1C)
• Bronze Field color palette (#F3ECEF, #CEDCD1, #A2BFB4, #A75C00, #37292F)
• Gentle Ember Ridge color palette (#EFD9F3, #C5A000, #FD4820, #2E2501, #1B0E07)

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