Periwinkle Courtyard color palette — #FCF1FA · #83A4E6 · #B26961 · #366B42 · #004332

Cornflower and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF1FA): bright and airy, almost weightless.
• Cornflower (#83A4E6): A luminous, balanced violet — the color of wild irises.
• Mocha (#B26961): A full-bodied, balanced orange — the color of sun-warmed clay.
• Pine (#366B42): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004332): A deep, shadowed, dusty teal — the color of glacier melt.

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

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

• Timeworn Powder color palette (#FEF1F7, #B3A7E2, #AE825E, #1E7870, #2A4B34)
• Timeworn Lagoon color palette (#E9FAF1, #59B2D1, #B5637B, #695F00, #363C09)
• Olive Bloom color palette (#FFF0FD, #DAB9C5, #BD948F, #6F8645, #3C510B)
• Washed Bloom color palette (#FFF1F3, #CC75D2, #867900, #00616D, #003741)
• Washed Basalt Harbor color palette (#FBF5E5, #B8CDA2, #709B7E, #8B6574, #494400)
• Muted Turquoise Coast color palette (#FCF3EF, #BFEAE5, #6AAED6, #41897A, #553F55)
• Pale Corridor color palette (#FFF1F4, #DEA5F2, #E67891, #AD6A35, #28355E)
• Pale Peony color palette (#F3DBD9, #C95796, #5A6C00, #004D4C, #00242E)

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