Weathered Periwinkle Harbor color palette — #F9F5EA · #CDC77A · #86B0EE · #8E77A2 · #34312B

A conversation between Cornflower and Honey, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F5EA): a clean, paper-quiet neutral.
• Honey (#CDC77A): A luminous, balanced green — the color of a quiet forest floor.
• Cornflower (#86B0EE): A luminous, balanced blue — the color of deep harbor water.
• Slate Blue (#8E77A2): A luminous, dusty violet — the color of a velvet chair.
• Espresso (#34312B): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

One click turns Weathered 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

• Worn Veranda color palette (#F4F7EB, #96D5A6, #B8A2DD, #A47180, #31332C)
• Mustard Meadow color palette (#FDF4E6, #E8BB5D, #C4A8E2, #A48FBB, #413C36)
• Tempered Basin color palette (#FDF3EB, #F7B180, #5AC0CC, #6C81AE, #36302C)
• Tempered Atelier color palette (#F4F6EC, #AADBAC, #5BA3CC, #805C82, #3D3732)
• Washed Teal Corridor color palette (#FFF4E2, #C4EAB9, #51B6A3, #7F6793, #394500)
• Weathered Stone color palette (#F5F6EF, #D5DDD6, #A6B2C0, #B2B186, #4E4E47)
• Timeworn Taupe color palette (#E7F6EC, #A69549, #8A78A9, #655580, #15271D)
• Mint Harbor color palette (#FBF7D4, #B3F1E1, #6EC99E, #13897C, #00494C)

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