Periwinkle Harbor color palette — #FAF4EF · #C6ECEC · #6F9CD2 · #277D7D · #624A5B
A conversation between Cornflower and Teal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FAF4EF): a clean, paper-quiet neutral.
- Frost (#C6ECEC): A whisper-light, dusty teal — the color of glacier melt.
- Cornflower (#6F9CD2): A luminous, balanced blue — the color of open sky before noon.
- Teal (#277D7D): A full-bodied, dusty teal — the color of shallow lagoons.
- Charcoal Brown (#624A5B): A full-bodied, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Periwinkle Harbor 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
- Wandering Turquoise Field color palette (#FAF4F0, #C8ECE0, #52A7B7, #4D7B5B, #355146)
- Washed Boulevard color palette (#EAF4F3, #D3DAEE, #7EA1BE, #467187, #283847)
- Worn Station color palette (#F9F5E6, #B2B578, #A987CA, #757829, #60434E)
- Hushed Petrol color palette (#F5ECE8, #7EBEC5, #007394, #00523D, #0B304F)
- Misty Archive color palette (#FFF2EC, #9ADCDB, #008EA7, #006A40, #044564)
- Iris Parlor color palette (#FBF5DF, #9A9D5B, #837FCA, #90658D, #44423B)
- Denim Coast color palette (#EDE2DA, #68A9C4, #005A98, #003E3C, #111A45)
- Misty Navy Workshop color palette (#ECE2D8, #4A87B3, #042A9B, #002226, #0A0028)
Browse the whole catalog at Explore, or see today's palette.