Periwinkle Field color palette — #D9FDF2 · #9CCBFF · #679DE8 · #5972A6 · #5C4557

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

The five colors

• Honeydew (#D9FDF2): A whisper-light, dusty teal — the color of sea glass.
• Sky (#9CCBFF): A whisper-light, balanced blue — the color of deep harbor water.
• Cornflower (#679DE8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#5972A6): A full-bodied, balanced violet — the color of wild irises.
• Charcoal Brown (#5C4557): A full-bodied, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Lilac Harbor color palette (#FFF0FA, #C4C7FF, #978BDE, #7B6CA6, #634651)
• Periwinkle Delta color palette (#DEFFE5, #C1E7FF, #8BACE8, #787CAD, #5D3C48)
• Gentle Orchard color palette (#DCFBE5, #80D1EB, #2FACD6, #387CA1, #32594C)
• Washed Blush color palette (#FDF1F8, #B6BFFE, #F2919B, #7F87C3, #64443B)
• Lapis Summit color palette (#D3E1FF, #9BB1FF, #7B7CFF, #684ACC, #453373)
• Dusty Study color palette (#FFF0F9, #E6D6D5, #C9BCB6, #B898B2, #5E4F57)
• Frosted Wisteria color palette (#F3E3FF, #DDAAF2, #BB66C2, #90558A, #5B3951)
• Mallow Pier color palette (#CAEAFF, #FFC6D1, #DFB7FF, #59464C, #372D30)

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