Periwinkle Pier color palette — #FEF3EB · #D7D6E4 · #7AB1F8 · #008A77 · #302A67

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

The five colors

• Ivory (#FEF3EB): bright and airy, almost weightless.
• Silver (#D7D6E4): a clean, paper-quiet neutral.
• Cornflower (#7AB1F8): A luminous, balanced blue — the color of deep harbor water.
• Fern (#008A77): A full-bodied, balanced teal — the color of sea glass.
• Navy (#302A67): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Linen Sky color palette (#FFF2ED, #BDEEF7, #26BFF1, #2B8B4C, #0E3563)
• Lagoon Atelier color palette (#FBF3F0, #C0E3EE, #90C1E6, #409474, #50354A)
• Sky Studio color palette (#EDF9EF, #D2DFFE, #69BFFF, #00A4AF, #153E78)
• Dusty Ridge color palette (#FFF3E8, #D9E4F8, #5A97FF, #007369, #280861)
• Cornflower Corridor color palette (#FFF0F8, #A0D7F0, #257EE4, #00685A, #3B3A63)
• Dusty Orchard color palette (#D9FFF2, #00E6EE, #009FC7, #0060BB, #2C336E)
• Teal Grove color palette (#DAFFEE, #E6DCE3, #A8A69B, #2CB69B, #21405F)
• Tempered Amber Bloom color palette (#EBF7FF, #6FCDFF, #C77600, #8A7300, #002536)

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