Tempered Cobalt Courtyard color palette — #F1E2F3 · #E1B2C4 · #A8A779 · #747EB3 · #573C59

Slate Blue takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F1E2F3): A whisper-light, dusty pink — the color of peonies in June.
• Carnation (#E1B2C4): A luminous, dusty rose — the color of pressed rose petals.
• Sage (#A8A779): A luminous, dusty green — the color of a quiet forest floor.
• Slate Blue (#747EB3): A luminous, balanced violet — the color of wild irises.
• Charcoal (#573C59): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Tempered Cobalt 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 Basin color palette (#EFDFFD, #D5C0D5, #C4A0AD, #3F89AE, #3B435E)
• Weathered Basalt color palette (#FFDAF5, #B7CFB7, #87B1A6, #8B7FA9, #593148)
• Worn Coast color palette (#E8FCE7, #C8DFDF, #ACC2CD, #A19AB6, #5C495B)
• Feathered Lagoon color palette (#FFEBE7, #C49BAF, #8A8D54, #4F5CAB, #401540)
• Taupe Archive color palette (#FFE5D5, #BEA063, #6C835E, #5B3C4D, #392430)
• Muted Petrol Orchard color palette (#EBDFBC, #C2BD97, #929770, #207982, #2A4D3D)
• Peony Lagoon color palette (#C9F3E1, #C7D099, #87BAA6, #B4649D, #773C32)
• Patina Raspberry Bloom color palette (#FFEBD7, #BBBE77, #40B380, #A556A5, #5C212E)

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