Tempered Courtyard color palette — #F3E4D9 · #8ACAE6 · #4192F6 · #007F6E · #1C1842

Azure and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F3E4D9): A whisper-light, dusty gold — the color of old brass.
• Sky (#8ACAE6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Azure (#4192F6): A luminous, vivid blue — the color of open sky before noon.
• Teal (#007F6E): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#1C1842): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Misty Pine Delta color palette (#EFDDD8, #7AD1D2, #00A1CB, #14823A, #011F41)
• Weathered Periwinkle color palette (#F6EDE4, #A8DAFF, #819EFF, #009190, #342251)
• Washed Drift color palette (#EFE2D3, #7CB6E7, #5E6FFF, #006C6F, #1D0038)
• Aged Pier color palette (#E0EAE2, #81BBD3, #007CB9, #00585D, #041F41)
• Emerald Boulevard color palette (#FFF2ED, #95EBEE, #00BBF1, #009E4E, #053165)
• Pale Hollow color palette (#F0E2F7, #B75EE0, #009888, #0081A3, #1B0724)
• Washed Denim Delta color palette (#E9DBE3, #5FA7C3, #005B97, #003A36, #020033)
• Powder Study color palette (#FAF4EF, #BDEEF0, #9BBDFF, #3FACA2, #5D3C4D)

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