Tempered Courtyard color palette — #F9F2FF · #FF5ABD · #00873D · #005E79 · #003647
A conversation between Bubblegum and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F2FF): bright and airy, almost weightless.
- Bubblegum (#FF5ABD): A luminous, vivid rose — the color of pressed rose petals.
- Fern (#00873D): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#005E79): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003647): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged 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
- Weathered Blush color palette (#FFEFFF, #FF586F, #00898B, #005D7F, #00354C)
- Patina Wisteria color palette (#F4F4FF, #C978FF, #627C00, #006266, #00383B)
- Raspberry Grove color palette (#EED9F5, #DE427C, #007463, #004965, #002333)
- Blush Quarry color palette (#FFF2ED, #FF8788, #009362, #005E55, #1B0F5A)
- Patina Tangerine Thicket color palette (#FFF0F9, #FB6618, #0085A2, #2F4EA3, #182C62)
- Weathered Quarry color palette (#FFEEF9, #EDADA7, #AD995C, #557490, #334F67)
- Soft Study color palette (#F8D9F2, #DA0220, #005E69, #003363, #00112A)
- Aged Ember Parlor color palette (#FFE0D5, #EA5300, #00787A, #621694, #350055)
Browse the whole catalog at Explore, or see today's palette.