Tempered Courtyard color palette — #F2F5FF · #F4DBA6 · #9A98CA · #646C84 · #282B34

Built around Peach Cream, softened by Blue Fog — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Peach Cream (#F4DBA6): A whisper-light, dusty gold — the color of old brass.
• Blue Fog (#9A98CA): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#646C84): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#282B34): quiet, heavy and certain.

Feels like: Optimism, Creativity, Sophistication. Tagged luxury, dark, muted.

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

• Softworn Lagoon color palette (#F9F2FF, #F3D189, #BB819A, #6B5C75, #251F29)
• Oat Station color palette (#F0F6FE, #BDDDA8, #677FA0, #404E62, #262C34)
• Muted Hollow color palette (#FBF2F7, #C5F0DA, #9E7991, #543F4C, #21181E)
• Timeworn Honey Garden color palette (#F4F4FF, #FFC531, #A96FD8, #694E80, #191928)
• Mallow Grove color palette (#F4F4FF, #D2AFFA, #B8A069, #679378, #28343F)
• Timeworn Ash color palette (#F5F4FC, #E0D7DE, #BBADAC, #89A8A1, #525158)
• Hushed Mallow color palette (#EBFAED, #FAB5F7, #DA9AA4, #67978F, #4C4356)
• Stone Bloom color palette (#F3F4FD, #E3D6FF, #EC9EAC, #B39EDA, #322B34)

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