Periwinkle Loft color palette — #B5F2F3 · #70D9F6 · #55AEEB · #657FBF · #603A4B
A conversation between Cornflower and Ice Blue, giving this palette its sense of trust and stability.
The five colors
- Sea Foam (#B5F2F3): A whisper-light, dusty teal — the color of shallow lagoons.
- Ice Blue (#70D9F6): A whisper-light, balanced blue — the color of deep harbor water.
- Cornflower (#55AEEB): A luminous, balanced blue — the color of deep harbor water.
- Slate Blue (#657FBF): A luminous, balanced violet — the color of a velvet chair.
- Cocoa (#603A4B): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Periwinkle Loft 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
- Periwinkle Corridor color palette (#B4E9FF, #A7CCFF, #8F9EED, #9375B2, #563959)
- Patina Azure Courtyard color palette (#C7F3FF, #74CAF9, #4D99D5, #4167A2, #3D466A)
- Airy Sky color palette (#DEF0C6, #6FE0CF, #3DC2E2, #4A91C0, #2E4567)
- Aged Periwinkle color palette (#FFF0FD, #B3CCFF, #EAAF82, #7C9DE4, #5C391D)
- Misty Cobalt color palette (#B1EEEB, #4EBAD6, #0078CB, #39458A, #2B2345)
- Powder Field color palette (#F0F5FF, #C8DDFF, #94ADF1, #6E7DBA, #1A2F53)
- Wandering Amethyst Boulevard color palette (#DDF3FC, #4EB7FF, #5E8FFF, #774EEA, #4D0C63)
- Hushed Ridge color palette (#DDE8F3, #AEBFFF, #BC7AFF, #AA58B6, #671F4A)
Browse the whole catalog at Explore, or see today's palette.