Seafoam Courtyard color palette — #F9F7CC · #97E8BE · #6BD1C1 · #5B9AA2 · #3B584B
Built around Mint, softened by Aqua — the whole palette hums with nature and growth.
The five colors
- Custard (#F9F7CC): A whisper-light, dusty green — the color of new leaves after rain.
- Mint (#97E8BE): A whisper-light, balanced teal — the color of sea glass.
- Aqua (#6BD1C1): A luminous, balanced teal — the color of sea glass.
- Storm Blue (#5B9AA2): A luminous, dusty blue — the color of open sky before noon.
- Charcoal Brown (#3B584B): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Calm, Softness. Tagged light, muted, cool.
Use it as a design system
One click turns Seafoam 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
- Teal Boulevard color palette (#ECFCD9, #A6F1F9, #63BFAE, #3F9189, #375137)
- Quiet Seafoam Alley color palette (#E6F7D3, #71EBDC, #65CDE1, #6392B5, #5C485C)
- Seafoam Harbor color palette (#D4FFFD, #78DCB7, #42AF9C, #418180, #375863)
- Timeworn Orchard color palette (#FFF3E2, #D6DB87, #A6C687, #6D9E84, #465540)
- Glacier Coast color palette (#ECFAEC, #7FEAE8, #F8AEC7, #68B8B7, #644440)
- Lagoon Boulevard color palette (#CCF4ED, #92C7AB, #309381, #006E6F, #193E4F)
- Seafoam Market color palette (#EBFAE9, #57DFD8, #EFA8AB, #CC9479, #394738)
- Sunlit Meadow color palette (#D6EFDF, #00E0B7, #00BBC8, #0085B5, #163B67)
Browse the whole catalog at Explore, or see today's palette.