Hazy Courtyard color palette — #F0FBD1 · #2DE47B · #F83E9C · #00773A · #3D0021
A conversation between Hot Pink and Lime, giving this palette its sense of nature and growth.
The five colors
- Custard (#F0FBD1): A whisper-light, dusty green — the color of new leaves after rain.
- Lime (#2DE47B): A luminous, vivid teal — the color of sea glass.
- Hot Pink (#F83E9C): A luminous, vivid rose — the color of pressed rose petals.
- Pine (#00773A): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Indigo (#3D0021): A deep, shadowed, balanced rose — the color of strawberry cream.
Feels like: Nature, Growth, Energy. Tagged vibrant.
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
- Feathered Alley color palette (#E5FED8, #2EDEC1, #EC3795, #007D6B, #3D0021)
- Wandering Archive color palette (#F3FBCE, #63E06E, #C25DF9, #00781F, #300045)
- Rose Market color palette (#E8FBEC, #00C0D3, #F1506E, #00717C, #35000C)
- Blush Meadow color palette (#E9FBE9, #32F2F6, #EF6F99, #009092, #5A002A)
- Sunlit Plum color palette (#BFF3D7, #27AD79, #A40095, #005E3E, #4F0647)
- Linen Clover color palette (#BDF1EB, #00D957, #F98225, #00A43F, #4B2000)
- Apricot Meadow color palette (#E8FBEC, #51D3E5, #E68C5D, #008694, #441900)
- Feathered Magenta Coast color palette (#D7FFF6, #00B29C, #C245EA, #D10060, #001713)
Browse the whole catalog at Explore, or see today's palette.