Tempered Alley color palette — #FBF3F0 · #C3EAE4 · #82C6F4 · #63A988 · #573F53

A conversation between Sky and Jade, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Honeydew (#C3EAE4): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#82C6F4): A luminous, balanced blue — the color of deep harbor water.
• Jade (#63A988): A luminous, balanced teal — the color of shallow lagoons.
• Cocoa (#573F53): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Alley 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 Powder Pier color palette (#FAF4EB, #BBE7F3, #76C7E8, #469189, #28463D)
• Sunlit Veranda color palette (#FFF2ED, #AEF2FA, #4BC4FE, #00AC6A, #243E70)
• Hazy Atelier color palette (#E9FBEB, #64E2E7, #FFA569, #00B4BA, #47413C)
• Muted Periwinkle Drift color palette (#FEF3EB, #ACE2FF, #78AAFF, #00998C, #332467)
• Dusty Turquoise Atelier color palette (#C0EBCE, #6FDFCC, #00BEDA, #2391B8, #314565)
• Feathered Marigold Meadow color palette (#E5FDE6, #22D7DD, #F89C24, #B19E31, #2C3D2D)
• Cypress Garden color palette (#F7EFF5, #C0E2F2, #5197BA, #016E5B, #192D44)
• Softworn Pier color palette (#EDDFD6, #63BED9, #0087E0, #006F59, #0D063F)

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