Tempered Courtyard color palette — #F9D8D8 · #C15E9C · #865900 · #004F39 · #001D48

Hot Pink and Ochre set the tone — five colors that lean into trust and stability.

The five colors

• Shell Pink (#F9D8D8): A whisper-light, dusty red — the color of a theater curtain.
• Hot Pink (#C15E9C): A luminous, balanced pink — the color of neon signs at night.
• Ochre (#865900): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#004F39): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#001D48): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged cool.

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

• Chalky Dune color palette (#F8DAD0, #DB4E61, #706400, #004E48, #101255)
• Pale Peony Ridge color palette (#F8F2FF, #D463AA, #885800, #00442B, #000D1E)
• Weathered Orchid Courtyard color palette (#F1DAE1, #A666CB, #A83900, #314C00, #00242D)
• Misty Coral color palette (#FFF2EE, #E1878B, #8E8138, #006D62, #24365F)
• Brick Chapel color palette (#F2DFD7, #BF0C11, #3F4B00, #002C33, #0D001D)
• Garnet Lagoon color palette (#F1DAE5, #6A59AA, #841111, #003631, #230A50)
• Periwinkle Meadow color palette (#D9E2F1, #8AA9FF, #A86A00, #006A91, #00203C)
• Ancient Ember Garden color palette (#FEE1D1, #ED4F00, #407A00, #004F6A, #3F0043)

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