Quiet Courtyard color palette — #FFF1F2 · #CB3FA8 · #6F5300 · #004741 · #040001
A conversation between Hot Pink and Coffee, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#FFF1F2): bright and airy, almost weightless.
- Hot Pink (#CB3FA8): A luminous, vivid pink — the color of peonies in June.
- Coffee (#6F5300): A full-bodied, balanced gold — the color of old brass.
- Forest (#004741): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Optimism, Creativity, Energy, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Quiet 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 Thicket color palette (#FFF1F1, #EA45B0, #606B00, #00423F, #000F14)
- Raspberry Parlor color palette (#FFF1F1, #D6298F, #006F3D, #004725, #0A000C)
- Pale Workshop color palette (#FFF1F5, #9E3CDB, #486000, #2A3900, #000502)
- Mulberry Courtyard color palette (#E4DAF1, #922A72, #722F00, #002A28, #070011)
- Fuchsia Loft color palette (#FFF6CD, #E966DE, #AF4237, #00494C, #260506)
- Linen Market color palette (#FFF2ED, #FA2458, #007677, #005050, #06001B)
- Tempered Mulberry color palette (#EBE5FE, #833C87, #494000, #003128, #021235)
- Dusty Indigo Boulevard color palette (#FFF0FA, #5B6BFF, #5E5D00, #363600, #010500)
Browse the whole catalog at Explore, or see today's palette.