Quiet Garden color palette — #B8F6D6 · #77DCDA · #88B6E8 · #AB7E5E · #663A17

Lagoon takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Mint (#B8F6D6): A whisper-light, dusty teal — the color of sea glass.
• Lagoon (#77DCDA): A whisper-light, balanced teal — the color of shallow lagoons.
• Sky (#88B6E8): A luminous, balanced blue — the color of deep harbor water.
• Caramel (#AB7E5E): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#663A17): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged vintage, retro, muted, cool.

Use it as a design system

One click turns Quiet Garden 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

• Pale Courtyard color palette (#E4F5B9, #90DEC8, #66BCD1, #AF7472, #6D3D3C)
• Cocoa Delta color palette (#E6F0DF, #ADCFBC, #C29DB7, #988365, #5D3D00)
• Timeworn Periwinkle color palette (#E2EAD8, #8AC5CA, #729CD2, #8F6B51, #483208)
• Feathered Lilac color palette (#B9FCFE, #A7D9FF, #B59FE6, #958F52, #464C20)
• Patina Harbor color palette (#F5F8DF, #86E4C1, #00BCBB, #6D9562, #393C35)
• Wisteria Delta color palette (#DAECF0, #93BCEE, #B882E5, #887F0F, #0E4C26)
• Pewter Balcony color palette (#BCF1FF, #97CCE9, #6B93C2, #896195, #5E3654)
• Hazy Basalt Courtyard color palette (#A9EFE1, #6DC0CB, #5282AD, #733749, #531B05)

Browse the whole catalog at Explore, or see today's palette.