Tempered Courtyard color palette — #F7E2E9 · #288CFE · #008B4C · #003519 · #010200

Azure and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#F7E2E9): A whisper-light, dusty rose — the color of a warm blush.
• Azure (#288CFE): A luminous, vivid blue — the color of deep harbor water.
• Fern (#008B4C): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#003519): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#010200): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged neon, dark, 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

• Quiet Moss color palette (#FEE0E8, #009BCC, #4B9D00, #132E02, #020200)
• Faded Violet Corridor color palette (#FFE7E2, #906FFF, #009D7D, #1C2D0A, #010200)
• Tempered Chapel color palette (#EEE6D3, #007A99, #007352, #030E0E, #000202)
• Antique Field color palette (#E7E5C8, #FF47B7, #00A2D8, #033549, #000703)
• Worn Cypress color palette (#E6EDE6, #9AB8B5, #7C9FA1, #008283, #0B170C)
• Teal Delta color palette (#E4F1DC, #00B395, #007DAC, #007964, #000201)
• Ancient Aqua Ridge color palette (#F6E4C5, #FF99D2, #00CBF5, #3C5A4A, #132019)
• Wisteria Villa color palette (#F8DFCD, #C197FF, #00BCD2, #25412E, #0B180F)

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