Soft Courtyard color palette — #CBF8A6 · #66E7A3 · #00BFB4 · #008A9F · #00385B
Built around Lagoon, softened by Turquoise — the whole palette hums with nature and growth.
The five colors
- Butter (#CBF8A6): A whisper-light, balanced green — the color of a quiet forest floor.
- Lagoon (#66E7A3): A whisper-light, balanced teal — the color of glacier melt.
- Turquoise (#00BFB4): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#008A9F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#00385B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Soft 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
- Linen Villa color palette (#B2F2C7, #6AD8C5, #00AFC1, #007BAE, #06217C)
- Patina Mint Lagoon color palette (#8BFFD9, #00D5BF, #009E9B, #006F77, #003A43)
- Airy Clover Archive color palette (#C1F5A1, #00C071, #00827E, #004651, #001E36)
- Mint Terrace color palette (#FFF2EB, #43E18D, #00B0CB, #B7566E, #003F35)
- Feathered Navy color palette (#C1FFEC, #7EE2ED, #65BAE3, #5D87CD, #3B2D7F)
- Dusty Teal color palette (#D6E3D3, #00B9AA, #327084, #34482E, #101307)
- Faded Clover color palette (#FFDF9D, #C3D059, #6BB740, #009168, #00423F)
- Chalky Archive color palette (#D7E8DF, #00B2AE, #008DAD, #00599C, #0D004E)
Browse the whole catalog at Explore, or see today's palette.