Weathered Periwinkle color palette — #F3F9DA · #B8D5B6 · #75A8D2 · #906548 · #553700

A conversation between Blue Fog and Cocoa, giving this palette its sense of nature and growth.

The five colors

• Custard (#F3F9DA): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#B8D5B6): A whisper-light, dusty green — the color of new leaves after rain.
• Blue Fog (#75A8D2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Walnut (#906548): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Cocoa (#553700): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

One click turns Weathered Periwinkle 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 Bronze color palette (#E7FDDE, #B5E6E2, #AAB4E4, #9D7235, #664200)
• Patina Ash Cabin color palette (#E6FDDF, #ADE0F9, #8896C5, #846940, #3A3831)
• Pewter Station color palette (#FFF5D3, #BFE8C4, #81A183, #865261, #50372F)
• Hushed Lagoon Delta color palette (#F5F7E7, #A6DEC8, #219C9D, #4E6D48, #222B18)
• Muted Cocoa Market color palette (#BAF0F8, #7FA9BC, #5F7D9B, #614B67, #5E3225)
• Cocoa Villa color palette (#C0EECD, #6FADAB, #4C729F, #6C330C, #201B00)
• Tempered Fern color palette (#E6FCEC, #F1DAD7, #E2B7C5, #96907A, #584E00)
• Ancient Olive Delta color palette (#E6F9FF, #DDD7F4, #C19ACE, #6D7E37, #164F3E)

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