Tempered Courtyard color palette — #F4E6F9 · #FF4E8C · #785667 · #423846 · #0E0C14
Hot Pink takes the lead with Graphite close behind in a set that reads as energy and sophistication at first glance.
The five colors
- Blush (#F4E6F9): A whisper-light, dusty pink — the color of neon signs at night.
- Hot Pink (#FF4E8C): A luminous, vivid red — the color of a theater curtain.
- Graphite (#785667): A full-bodied, dusty rose — the color of a warm blush.
- Charcoal (#423846): A deep, shadowed, dusty pink — the color of neon signs at night.
- Ink (#0E0C14): quiet, heavy and certain.
Feels like: Energy, Sophistication. Tagged noir, dark, luxury, 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
- Softworn Magenta color palette (#EAE3F9, #E15ED4, #715870, #3F394C, #0B0D13)
- Wandering Hollow color palette (#FAE2F2, #FE5F33, #4E6954, #483643, #100B13)
- Weathered Rose color palette (#FDF0FF, #CD627B, #432C42, #17091A, #020003)
- Raspberry Villa color palette (#FFDCD5, #D93A6E, #672C09, #2E1C19, #140A0A)
- Tempered Hollow color palette (#FEECF4, #F0A366, #678375, #5C5156, #252024)
- Wandering Rust color palette (#FAEBF5, #BB3300, #422E00, #1F1011, #12010D)
- Marigold Study color palette (#D6F1D9, #D09500, #5B6F42, #304933, #190E14)
- Quiet Balcony color palette (#FFDCCD, #FF8953, #3BB2E7, #678AD0, #3D2132)
Browse the whole catalog at Explore, or see today's palette.