Quiet Studio color palette — #F6F6EC · #B4CEA0 · #CA9ED9 · #6B9D3A · #683F4A

Built around Olive Leaf, softened by Mauve — the whole palette hums with nature and growth.

The five colors

• Ivory (#F6F6EC): a clean, paper-quiet neutral.
• Pistachio (#B4CEA0): A whisper-light, dusty green — the color of new leaves after rain.
• Mauve (#CA9ED9): A luminous, balanced pink — the color of a candy shop window.
• Olive Leaf (#6B9D3A): A luminous, balanced green — the color of new leaves after rain.
• Cocoa (#683F4A): A full-bodied, dusty red — the color of late-summer berries.

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

Use it as a design system

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

• Dusty Lagoon color palette (#F1F8EE, #B4CDA8, #E198B3, #00A38F, #66423F)
• Tempered Moss color palette (#FBF5E5, #CEC693, #A6ACE6, #9E8D21, #46496F)
• Washed Pine color palette (#F5F7EA, #8DBF8B, #A18AD0, #498249, #634150)
• Aged Celadon Study color palette (#E3FCF5, #BDE494, #DEB5F1, #98B27E, #4C4A62)
• Weathered Coral Delta color palette (#F5F7E6, #99BD8F, #83A6DC, #CE7477, #42433C)
• Antique Cocoa Summit color palette (#FCF3EC, #D8C8B3, #B49578, #996653, #5E4200)
• Airy Fuchsia Harbor color palette (#F2F9E1, #6DDA95, #DE62D1, #007D43, #5B1D55)
• Tempered Blush color palette (#E8F2E3, #49BFA5, #D57095, #00856F, #5A1B35)

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