Periwinkle Courtyard color palette — #FCF2F8 · #B6E2FC · #5F9FE5 · #00856F · #373870

Built around Cornflower, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Powder Blue (#B6E2FC): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#5F9FE5): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00856F): A full-bodied, balanced teal — the color of sea glass.
• Navy (#373870): 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

• Muted Pine color palette (#FAF2FA, #A8E9E9, #00ABD7, #008937, #104073)
• Weathered Quarry color palette (#FFF0F8, #8DD6F8, #3289FE, #007466, #312170)
• Washed Station color palette (#FAF3F6, #DADEEC, #A0B0DC, #1C9997, #4C506D)
• Frosted Workshop color palette (#F9E2FF, #FF81A2, #00A8A5, #009364, #4E1E2B)
• Forest Archive color palette (#F4ECF3, #8BBAC8, #0081A2, #005E21, #001F40)
• Wandering Spruce color palette (#ECE2ED, #639F9B, #006377, #063F06, #000A17)
• Magenta Parlor color palette (#F6F3FF, #E389D6, #00B4A3, #C505B6, #00453E)
• Airy Iris Archive color palette (#F8F2FF, #F1D9C7, #F2C061, #907AD8, #643138)

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