Frosted Pier color palette — #FFF1F5 · #915AB6 · #796600 · #005939 · #371E48

Amethyst and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Amethyst (#915AB6): A full-bodied, balanced violet — the color of a velvet chair.
• Olive (#796600): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#005939): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#371E48): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Frosted Pier 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

• Patina Plum Archive color palette (#FFE8EA, #9A5191, #526C08, #00504A, #391D21)
• Indigo Basin color palette (#FFF0FA, #6367D3, #935600, #305600, #24274A)
• Patina Byzantium Summit color palette (#FFF1F3, #903FA0, #584E00, #004336, #152342)
• Raspberry Basin color palette (#FFF1F0, #C54888, #765200, #004C36, #003060)
• Pale Indigo Garden color palette (#FFEBF8, #6363F6, #007E5C, #00573F, #0E0F30)
• Peony Ridge color palette (#FFF2F0, #D55087, #006926, #00555A, #49172B)
• Gentle Brick color palette (#FFF4E2, #CA61A1, #AA282B, #00542D, #561F34)
• Mulberry Corridor color palette (#F9D5D5, #891C68, #215000, #002F31, #1E0114)

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