Tempered Courtyard color palette — #FFF1F2 · #FF80F1 · #699400 · #008150 · #301933

Pink Orchid and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Pink Orchid (#FF80F1): A luminous, vivid pink — the color of peonies in June.
• Olive Leaf (#699400): A luminous, balanced green — the color of fresh herbs.
• Teal (#008150): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#301933): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged jewel, vibrant.

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

• Mallow Atelier color palette (#FFF1F1, #FF8CC8, #009C6C, #007C7B, #351B34)
• Chalky Thicket color palette (#FFF1F6, #CE9BFF, #37993A, #2C7CB7, #2B1323)
• Washed Peony color palette (#FFDDDC, #FF55C6, #168719, #006E5A, #220920)
• Hazy Study color palette (#FFF1F1, #FF89CD, #7FAA00, #008689, #003452)
• Wandering Courtyard color palette (#FFF1F5, #CEA7FF, #A18600, #567E2D, #002731)
• Misty Loft color palette (#F6FAC9, #FF94F0, #F96955, #008A97, #4D2737)
• Blush Basin color palette (#FFF2EE, #FF8492, #35ACB2, #398D92, #31212C)
• Misty Raspberry color palette (#FFE0DB, #EF067A, #008674, #005F52, #140211)

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