Frosted Pier color palette — #FFF1F6 · #F6FCB4 · #CCFFEA · #F8677B · #4F3F0A

Rose and Custard set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Custard (#F6FCB4): A whisper-light, balanced green — the color of new leaves after rain.
• Honeydew (#CCFFEA): A whisper-light, dusty teal — the color of shallow lagoons.
• Rose (#F8677B): A luminous, vivid red — the color of late-summer berries.
• Deep Olive (#4F3F0A): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Softness, Clarity. Tagged pastel, light.

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

• Wandering Loft color palette (#FFF0FB, #E0FFB4, #D2E1D0, #D76DA7, #5B3618)
• Tangerine Coast color palette (#E1FFE2, #D4E1F2, #97E9E1, #F66D42, #3C3B00)
• Celadon Station color palette (#FFF3E5, #FFEC9E, #C3E68C, #DD9463, #4B4740)
• Amber Villa color palette (#E8FBEC, #C0E9EF, #B8B7C7, #C67156, #1A4335)
• Ancient Rust Coast color palette (#FFF1F5, #EDFEC2, #8FE5CF, #B75B47, #282500)
• Misty Grove color palette (#FFF3E8, #F6E893, #51DBA8, #A45362, #46413B)
• Muted Terracotta color palette (#FFF1F6, #E6CF85, #C4813B, #A82D20, #232C00)
• Dusty Straw Coast color palette (#FFEFDA, #F9E46D, #9BC276, #9F5A2B, #0C2F17)

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