Hazy Courtyard color palette — #F6DBCD · #F3288E · #CC0A0E · #5C3F00 · #070100
A conversation between Hot Pink and Brick, giving this palette its sense of optimism and energy.
The five colors
- Shell Pink (#F6DBCD): A whisper-light, dusty orange — the color of sun-warmed clay.
- Hot Pink (#F3288E): A luminous, vivid rose — the color of pressed rose petals.
- Brick (#CC0A0E): A full-bodied, vivid orange — the color of sun-warmed clay.
- Bronze (#5C3F00): A deep, shadowed, balanced gold — the color of old brass.
- Ink (#070100): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Optimism, Energy, Balance. Tagged candy, vibrant, light.
Use it as a design system
One click turns Hazy 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
- Wandering Loft color palette (#FFE3DB, #CF42A9, #C40039, #7A4000, #070000)
- Rose Basin color palette (#F8E0CE, #FA235A, #AF4F00, #594A00, #030100)
- Hushed Magenta color palette (#FFDFDA, #DA00E7, #CB3C00, #4A4500, #190C00)
- Linen Hollow color palette (#F7DAF1, #FF5EA2, #F64400, #8F5D00, #130300)
- Hazy Magenta color palette (#FFEAEA, #C246ED, #BF0088, #911400, #080002)
- Quiet Fuchsia color palette (#FFEFE9, #F870F8, #FF463C, #7E7200, #030100)
- Shadow Chestnut color palette (#EDDED8, #954800, #4F2C00, #211400, #080500)
- Wandering Chestnut color palette (#FFE2E0, #8C5D3B, #4E4000, #00272D, #000D1A)
Browse the whole catalog at Explore, or see today's palette.