Sunflower Courtyard color palette — #7CFFE8 · #FED25D · #CCC0FF · #59424D · #352D31
A conversation between Sunflower and Sea Foam, giving this palette its sense of optimism and creativity.
The five colors
- Sea Foam (#7CFFE8): A whisper-light, balanced teal — the color of shallow lagoons.
- Sunflower (#FED25D): A whisper-light, balanced gold — the color of afternoon light on wheat.
- Lavender (#CCC0FF): A whisper-light, balanced violet — the color of wild irises.
- Cocoa (#59424D): A full-bodied, dusty rose — the color of strawberry cream.
- Espresso (#352D31): a grounded near-black with real depth.
Feels like: Optimism, Creativity, Balance. Tagged neon, dark, vibrant.
Use it as a design system
One click turns Sunflower 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 Orchard color palette (#C9F4B1, #FFCBA6, #B4CAFF, #544251, #3A3339)
- Wandering Celadon Hollow color palette (#A0FDC4, #D6E877, #D6CCFF, #676B7C, #2D2F38)
- Misty Celadon color palette (#9BF6FF, #C4E871, #FFAFD1, #654B49, #372E2D)
- Mallow Archive color palette (#C2FFC9, #9DFBDB, #E295E9, #594448, #362E2F)
- Softworn Lichen color palette (#DDFFE7, #F7E8FF, #D6DBCE, #474658, #222128)
- Wandering Harbor color palette (#FCF2F5, #C3DAAF, #8E6FA3, #63424D, #34272B)
- Hushed Seafoam Courtyard color palette (#D6E6F0, #00E8E1, #FF9CB5, #5B3F3A, #302624)
- Gentle Fuchsia Harbor color palette (#CFF8E9, #D7C300, #EE67E9, #4A2649, #301A1E)
Browse the whole catalog at Explore, or see today's palette.