Periwinkle Courtyard color palette — #FFF0F8 · #ABE3FD · #70ACFF · #009987 · #30246B

A conversation between Cornflower and Royal Purple, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Powder Blue (#ABE3FD): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#70ACFF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#009987): A luminous, balanced teal — the color of glacier melt.
• Royal Purple (#30246B): 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 Periwinkle Courtyard 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

• Wandering Emerald color palette (#FFF0FF, #A1E8EE, #0DB9F7, #009E5B, #092F6B)
• Patina Cabin color palette (#FCF2F6, #D9DDF4, #AEBAEF, #00ADB1, #4E3F65)
• Pale Azure Balcony color palette (#EDF9EF, #D2E0F5, #09A3F3, #007178, #002251)
• Hazy Iris Study color palette (#E8DBE1, #92C8E8, #5C8EF3, #007E76, #221247)
• Misty Navy color palette (#CDEBDF, #00CAD3, #00A8CB, #0074C1, #231D8A)
• Airy Teal color palette (#EBF7FF, #DED6F6, #FFB2EF, #00B6A1, #00356A)
• Worn Thicket color palette (#E9E1E9, #7EBDBE, #0090B7, #007231, #00132E)
• Azure Pier color palette (#D2EDFF, #8CC9FF, #00A7F4, #006CC1, #001B2F)

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