Periwinkle Ridge color palette — #F1F6FB · #DADAE4 · #CBBFC3 · #77A2D0 · #384049

A conversation between Blue Fog and Charcoal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F1F6FB): bright and airy, almost weightless.
• Silver (#DADAE4): bright and airy, almost weightless.
• Stone (#CBBFC3): soft and architectural.
• Blue Fog (#77A2D0): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#384049): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

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

• Worn Lilac Terrace color palette (#F4F4FD, #DFD7E1, #CFC1BE, #A878D6, #333344)
• Tempered Petrol color palette (#F0F6FB, #DBD9E3, #C6BBC9, #557995, #414950)
• Patina Aubergine color palette (#E2E4F0, #B8B9CB, #A286AB, #432873, #010007)
• Muted Iris Villa color palette (#FFEFFF, #B8CAFF, #9480DE, #8A4E5E, #293145)
• Wandering Indigo color palette (#F0F5FF, #DBD8E2, #C7BDB6, #5D6CF0, #1B2437)
• Nightshade Orchard color palette (#E8EFF8, #C5D0E6, #A1A1CF, #1242AA, #00020A)
• Hushed Pier color palette (#F1F5FF, #8894F5, #3D4463, #171E2E, #040509)
• Hushed Jade Atelier color palette (#EAFAF2, #E0ECBA, #8AAB61, #4C8089, #243F36)

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