Quiet Periwinkle color palette — #FFF2EB · #97E8FF · #56B1FF · #009B7A · #25286C

Cornflower and Fern set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Ice Blue (#97E8FF): A whisper-light, balanced blue — the color of open sky before noon.
• Cornflower (#56B1FF): A luminous, balanced blue — the color of deep harbor water.
• Fern (#009B7A): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#25286C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Softworn Periwinkle Quarry color palette (#FFF3E6, #BADEFF, #91A3FF, #00979B, #3D245A)
• Dusty Emerald color palette (#FFF2EE, #52F5EE, #00BDE4, #3C9B3C, #00355C)
• Weathered Sky color palette (#FEF3ED, #C1ECD0, #75B9EC, #549C7F, #4D2E47)
• Chalky Drift color palette (#FDEADE, #78CDEE, #5294E2, #007F6D, #1B1743)
• Muted Cobalt color palette (#D7F0E7, #00C3C5, #00A1BE, #0079BC, #0E276C)
• Ancient Pier color palette (#DDF1FF, #7FCFFF, #00A6E0, #006DA5, #001A2E)
• Chalky Mallow Coast color palette (#E4FAFF, #D9D8F8, #F5B5FF, #4FBD92, #11375B)
• Tempered Cobalt color palette (#FFEBF8, #75C9E4, #0078B9, #00524B, #010D51)

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