Tempered Courtyard color palette — #FFEBF6 · #98BFAB · #688E8E · #57536C · #3A3749

A conversation between Sage and Storm Blue, giving this palette its sense of sophistication.

The five colors

• Blush (#FFEBF6): A whisper-light, dusty pink — the color of neon signs at night.
• Sage (#98BFAB): A luminous, dusty teal — the color of sea glass.
• Storm Blue (#688E8E): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#57536C): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#3A3749): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Tempered Courtyard 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 Parlor color palette (#E8F5F0, #90C19B, #3C837B, #5A4F69, #162C2A)
• Softworn Veranda color palette (#FFF4E1, #C2ECC8, #B5BF99, #876E83, #5D404C)
• Weathered Cerulean color palette (#F7EFF7, #AFE7F4, #379BB6, #476844, #1B2E40)
• Powdered Moss color palette (#EDDECA, #77A85B, #207B85, #522F54, #3A073E)
• Dusty Lagoon color palette (#DBE9C8, #008C84, #2F598A, #481C03, #210800)
• Soft Mint Station color palette (#D9FED6, #7BD599, #3D915A, #1F491D, #001B02)
• Timeworn Mustard color palette (#FBDAAC, #B6B43B, #58872D, #135B33, #003036)
• Sunlit Jade Boulevard color palette (#DEF9F2, #89B361, #AA77B7, #4B7221, #341C3A)

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