Frosted Pier color palette — #F2F3E4 · #81B473 · #867CE8 · #3B7529 · #3A1B2F

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

The five colors

• Cream (#F2F3E4): a clean, paper-quiet neutral.
• Jade (#81B473): A luminous, balanced green — the color of a quiet forest floor.
• Lavender Blue (#867CE8): A luminous, balanced violet — the color of wild irises.
• Olive (#3B7529): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#3A1B2F): A deep, shadowed, dusty pink — the color of peonies in June.

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

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

• Peony Study color palette (#F3F3E5, #8CB263, #C168B3, #4E7120, #3A1935)
• Quiet Iris Cabin color palette (#FBF0E2, #C89B57, #897EDB, #865B00, #262243)
• Soft Lilac Basin color palette (#E5FBF5, #A1C674, #AC94E7, #6D8C46, #3B3F62)
• Chalky Byzantium color palette (#E1E6CB, #26B251, #9B00B2, #005D22, #28002F)
• Hazy Raspberry color palette (#E6F9DC, #00B199, #DF3184, #006B5C, #400321)
• Wandering Rust color palette (#E0EEDC, #00A897, #C6532A, #006359, #340E03)
• Pale Moss Study color palette (#F7F3DB, #9AAB35, #924F97, #87415E, #241E03)
• Hushed Summit color palette (#FDEFE6, #C0A787, #A26340, #6C3C41, #2A220A)

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