Periwinkle Lagoon color palette — #FBF4EE · #C3E6E6 · #77A6EB · #388A7D · #583F4D

Cornflower and Fern set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF4EE): a clean, paper-quiet neutral.
• Silver (#C3E6E6): A whisper-light, dusty teal — the color of sea glass.
• Cornflower (#77A6EB): A luminous, balanced blue — the color of open sky before noon.
• Fern (#388A7D): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#583F4D): A full-bodied, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Periwinkle Lagoon 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 Iris Quarry color palette (#F9F4EF, #B4DFD3, #7C8DEA, #007B7F, #413255)
• Dusty Lagoon Pier color palette (#FBF2F6, #D7D4DF, #9CBEE5, #3B9190, #303F5D)
• Tempered Courtyard color palette (#FFF0F9, #989CE9, #5EAE62, #5F9661, #472F3E)
• Tempered Ash color palette (#FFF0F8, #F4D3DE, #E8C2A2, #6A9EBD, #624751)
• Denim Atelier color palette (#FDECE3, #4AA0B3, #005D90, #003D2B, #03012C)
• Linen Ultramarine color palette (#E6DDD4, #6BA9D4, #3653DD, #004A49, #190732)
• Aged Pine color palette (#FFF2EE, #82DDDA, #009BBF, #007922, #00345F)
• Lilac Boulevard color palette (#B7ECDB, #8EB7FA, #9784F3, #7E5494, #62393E)

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