Quiet Meadow color palette — #EFF6FF · #B9D2FF · #6583FF · #4E52B3 · #2F2A64

Periwinkle and Cobalt set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Lilac Frost (#B9D2FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Periwinkle (#6583FF): A luminous, vivid violet — the color of a velvet chair.
• Cobalt (#4E52B3): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#2F2A64): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Creativity, Calm, Balance. Tagged cool.

Use it as a design system

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

• Weathered Iris color palette (#F0F3FF, #B1B5FF, #8B78E4, #644C93, #3C2A54)
• Pale Nightshade color palette (#E3F2FF, #64A1FF, #4258DF, #3E00B0, #2D1656)
• Timeworn Azure color palette (#E7F9FF, #8EDDFF, #00A7E7, #00659B, #003964)
• Frosted Villa color palette (#F5F4FF, #E7D3ED, #9986FF, #533B98, #14003C)
• Timeworn Indigo Alley color palette (#D0DFFF, #93ACFF, #615EDE, #473A92, #1E103F)
• Grape Courtyard color palette (#B2EAFF, #069EEF, #3559EA, #5809C9, #582862)
• Hushed Grape Pier color palette (#E0DFFF, #9D6AFF, #7B2AC9, #500E79, #110018)
• Feathered Indigo Meadow color palette (#FFF0FA, #B9C3FF, #FF828D, #676BEB, #55111D)

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