Tempered Ridge color palette — #FEE0F2 · #E76493 · #B3432E · #7B380D · #513B13

Built around Hot Pink, softened by Brick — the whole palette hums with optimism and warmth.

The five colors

• Blush (#FEE0F2): A whisper-light, dusty pink — the color of a candy shop window.
• Hot Pink (#E76493): A luminous, vivid red — the color of a theater curtain.
• Brick (#B3432E): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#7B380D): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#513B13): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

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

• Tempered Peony Parlor color palette (#F1E1F6, #DC64B7, #AF365D, #7C2B13, #512B0C)
• Softworn Rust color palette (#FFE7F3, #FA9DAF, #E46C6E, #B94C00, #502D00)
• Brick Quarry color palette (#F7DEE0, #D87177, #A93736, #791C0B, #401100)
• Weathered Coral Pier color palette (#FFE0EA, #F58686, #B76630, #765111, #45463F)
• Sunlit Ember color palette (#F1D7D9, #E6634F, #935200, #574200, #1F3918)
• Ember Corridor color palette (#FFE9E0, #E25C53, #0087A1, #942E2A, #003C4A)
• Misty Crimson Chapel color palette (#FFE4F1, #E40042, #821C00, #432200, #171C01)
• Feathered Scarlet Archive color palette (#FFDCCC, #D03F2B, #00779B, #345587, #3D2418)

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