Tempered Courtyard color palette — #FCF1FB · #EFD6E0 · #DBB2B4 · #3C74D3 · #3D2D3C

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

The five colors

• Ivory (#FCF1FB): a clean, paper-quiet neutral.
• Shell Pink (#EFD6E0): A whisper-light, dusty rose — the color of strawberry cream.
• Rosewood Mist (#DBB2B4): A luminous, dusty red — the color of a theater curtain.
• Sapphire (#3C74D3): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#3D2D3C): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Timeworn Cornflower color palette (#EFF6FF, #DED9E2, #B1AFA5, #2477F2, #182536)
• Hushed Cerulean color palette (#EEF8F3, #EBD7E7, #D6B3BF, #0083AC, #193A2D)
• Antique Bloom color palette (#FDF2F7, #E4D6D1, #D5BCA5, #8978C6, #4B3A42)
• Washed Ultramarine Summit color palette (#F0F5FF, #CED2E1, #A2A3C7, #2C47CB, #25334B)
• Iris Station color palette (#FFDCF4, #6E7BFF, #7C6700, #4B4B00, #182A00)
• Wandering Mulberry Courtyard color palette (#F6EAEC, #D6BEB9, #B6A092, #8B3B8B, #2F171B)
• Amethyst Drift color palette (#E5E2F2, #883BFF, #532544, #1D1335, #0F030F)
• Ash Bloom color palette (#FAF3F8, #E2D8D6, #BAB2A6, #AE91A7, #585056)

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