Quiet Garden color palette — #F9EEF8 · #C87070 · #2A7546 · #3A3678 · #1B183C

Coral Clay and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F9EEF8): bright and airy, almost weightless.
• Coral Clay (#C87070): A luminous, balanced orange — the color of toasted spice.
• Pine (#2A7546): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#3A3678): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#1B183C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Amber Thicket color palette (#FAEEF3, #C88D64, #3D7F71, #52436D, #26233F)
• Antique Cabin color palette (#F5EFFC, #B9739F, #6B6822, #004762, #0D1C3E)
• Washed Ridge color palette (#E6F7EC, #9F8C48, #286C8F, #313A77, #340E20)
• Aubergine Terrace color palette (#E3F8E7, #A57B00, #00667D, #590070, #2D002C)
• Linen Lantern color palette (#FCF4E9, #CA9B52, #4C916A, #006B6E, #522546)
• Timeworn Navy color palette (#F8D5E4, #A85B00, #005858, #12008A, #17002A)
• Wandering Denim Parlor color palette (#FFEAFE, #D8B1BF, #6C8A7D, #4B5672, #31354F)
• Muted Cerulean Canyon color palette (#F6EFF4, #C2E2F0, #4F97BA, #1E6D5A, #162D47)

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