Quiet Garden color palette — #FFF2ED · #FF9396 · #A99B00 · #00877F · #1D2868

Mustard takes the lead with Rose Quartz close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Rose Quartz (#FF9396): A luminous, balanced red — the color of embers at dusk.
• Mustard (#A99B00): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#00877F): A full-bodied, balanced teal — the color of sea glass.
• Navy (#1D2868): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged 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

• Apricot Cabin color palette (#FFEEE4, #F9926C, #70A35C, #0079A7, #451343)
• Muted Fuchsia color palette (#FFF1F3, #F18DE6, #D97F1E, #008D3F, #003450)
• Muted Ridge color palette (#FFE4DA, #F0C1A5, #C8AB77, #569DA2, #174C64)
• Blush Bloom color palette (#FFF2EF, #EA6B8F, #008B75, #006071, #003742)
• Wandering Ultramarine Field color palette (#F7E5C9, #D39F00, #00A188, #3453E2, #480023)
• Frosted Navy color palette (#FBEDDC, #AD7300, #007654, #004185, #15000C)
• Feathered Wisteria Atelier color palette (#F5F4FF, #D390E8, #AD6E00, #005976, #370046)
• Pale Navy Hollow color palette (#E8DFC3, #7A7600, #006460, #221C8F, #060002)

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