Tempered Courtyard color palette — #FFF4E2 · #FF7777 · #B56700 · #006966 · #4F291E

Built around Watermelon, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Watermelon (#FF7777): A luminous, vivid orange — the color of toasted spice.
• Ochre (#B56700): A full-bodied, balanced gold — the color of honey in a jar.
• Pine (#006966): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#4F291E): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged retro, warm.

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

• Pale Orchard color palette (#FEECD0, #F97635, #987000, #006070, #352F2A)
• Patina Lagoon color palette (#FFF4E2, #FF69B9, #D14938, #006C45, #4F2A23)
• Weathered Fern color palette (#E4FDE6, #FFA67C, #BB7300, #226A00, #411C00)
• Peony Meadow color palette (#FFF4DD, #D95A7E, #8B4F00, #004A6F, #562420)
• Coral Coast color palette (#FFF2EC, #FF5D4C, #648500, #005F76, #441C50)
• Wandering Ember Delta color palette (#F6E5DB, #DC5500, #5E3D14, #372011, #190F0B)
• Ancient Apricot Loft color palette (#DDFFE7, #FF9FBD, #F08619, #0077C1, #5C1D1F)
• Apricot Studio color palette (#FFD9D0, #F6AD73, #A19455, #437F87, #244968)

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