Quiet Garden color palette — #F2EDD3 · #FF64AA · #3688F6 · #211A43 · #061222

Built around Bubblegum, softened by Azure — the whole palette hums with trust and stability.

The five colors

• Cream (#F2EDD3): A whisper-light, dusty green — the color of new leaves after rain.
• Bubblegum (#FF64AA): A luminous, vivid rose — the color of pressed rose petals.
• Azure (#3688F6): A luminous, vivid blue — the color of open sky before noon.
• Deep Indigo (#211A43): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#061222): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged neon, dark, vibrant.

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

• Iris Hollow color palette (#E5F1E3, #FF7167, #7584FF, #2A123F, #0F1520)
• Soft Peony color palette (#E6F4D8, #6BA9FF, #E662AD, #533853, #190D19)
• Fuchsia Loft color palette (#FDE9D0, #F25DE9, #00A1CC, #172538, #00131F)
• Misty Study color palette (#D2E6D3, #FF395D, #6B65FF, #090031, #02040F)
• Muted Amber Bloom color palette (#ECECCC, #C98400, #0093C0, #001722, #00050B)
• Chalky Station color palette (#C7E9D8, #F87E1F, #AC59F6, #33032B, #0E0D21)
• Dusty Nightshade color palette (#E7EBF5, #767ED7, #900055, #3500B6, #16041F)
• Feathered Celadon color palette (#BBF492, #FFAC97, #A99AF6, #4A304F, #292B35)

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