Tempered Ridge color palette — #E7F9FD · #EEFFA9 · #95FFE9 · #ACC1FF · #173847

Built around Butter, softened by Sea Foam — the whole palette hums with nature and growth.

The five colors

• Ivory (#E7F9FD): bright and airy, almost weightless.
• Butter (#EEFFA9): A whisper-light, balanced green — the color of a quiet forest floor.
• Sea Foam (#95FFE9): A whisper-light, balanced teal — the color of sea glass.
• Sky (#ACC1FF): A luminous, balanced violet — the color of a velvet chair.
• Deep Teal (#173847): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Creativity, Calm, Softness, Clarity. Tagged candy, vibrant, light, muted.

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

• Timeworn Corridor color palette (#E7F9FF, #AEEFEF, #C9D8FB, #AFB6FF, #1A394C)
• Seafoam Market color palette (#EFF9ED, #BAFDC8, #3EFAF3, #60D5FF, #00474A)
• Hushed Aqua color palette (#E5FBF5, #CDDACA, #B5BCCD, #5BCADA, #15412A)
• Tempered Turquoise Harbor color palette (#EBF9F5, #AEEDF0, #64ABB2, #588076, #223E40)
• Dusty Powder Orchard color palette (#FAF3F7, #D7D4E0, #91BFF2, #4B9180, #333E5B)
• Linen Iris Basin color palette (#E7F9FF, #B2FF9F, #40E2FD, #807EFF, #00212D)
• Worn Orchard color palette (#D4FFFD, #CADEF6, #A9B6CE, #887280, #5E4455)
• Linen Turquoise color palette (#DEFCFF, #78E9E9, #33ACCF, #386EA8, #373E65)

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