Teal Courtyard color palette — #E8F8FF · #D4D9E8 · #D2B2D1 · #5DA49E · #415662

Eucalyptus and Rosewood Mist set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#E8F8FF): bright and airy, almost weightless.
• Silver (#D4D9E8): A whisper-light, dusty violet — the color of wild irises.
• Rosewood Mist (#D2B2D1): A luminous, dusty pink — the color of neon signs at night.
• Eucalyptus (#5DA49E): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#415662): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Teal 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

• Powder Pier color palette (#E0FCFB, #BFE6F0, #9FCFFF, #86A97F, #385155)
• Cobalt Field color palette (#F2F5FF, #EED4FF, #E9ABD2, #6489C5, #3B3D55)
• Lilac Terrace color palette (#E4F6FF, #D5D5F6, #B2A7FF, #008B9B, #14395B)
• Patina Powder Studio color palette (#EDECD2, #FFB0C9, #71C8FF, #2E4A5F, #1B262F)
• Aged Violet Boulevard color palette (#D9EBFF, #969EE8, #9B62C8, #005270, #040627)
• Linen Iris color palette (#CBEEF9, #71BFF6, #7A7EFF, #006065, #00192A)
• Petrol Coast color palette (#EFF6FE, #DAC18C, #3477AB, #2A455D, #17232E)
• Amber Parlor color palette (#FFF1F6, #D8B88C, #BB814D, #895C4A, #2D4334)

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