Tempered Courtyard color palette — #F9F3F9 · #E2D5D8 · #C1ACBB · #396698 · #403741

Peacock and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#E2D5D8): a clean, paper-quiet neutral.
• Rosewood Mist (#C1ACBB): A luminous, dusty pink — the color of neon signs at night.
• Peacock (#396698): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#403741): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Petrol Terrace color palette (#EBF4F1, #DED4D6, #C7B0B8, #276A9B, #152420)
• Hushed Cobalt color palette (#F1F6FB, #DAD8E1, #C7B9CF, #2986C9, #303C47)
• Antique Nightshade color palette (#FFF1F7, #E5CAD3, #C39AA3, #6344A0, #442936)
• Hushed Driftwood color palette (#FBF2F5, #E0D7D5, #AEADA1, #9A7683, #595053)
• Cocoa Hollow color palette (#FFD6ED, #BA92A1, #8B6E91, #7C3E22, #3E3B34)
• Navy Garden color palette (#F4E9F3, #C4B3BF, #A28495, #204084, #2A1828)
• Violet Chapel color palette (#FFF0FB, #87C1FF, #85A4FF, #7F5DC5, #272A4D)
• Moonless Veranda color palette (#F0DBE9, #4F52C0, #381B2B, #1C0E18, #090203)

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