Frosted Pier color palette — #FCF7D3 · #1FC065 · #007D66 · #00426C · #0E1500

Clover takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#FCF7D3): A whisper-light, dusty green — the color of a quiet forest floor.
• Clover (#1FC065): A luminous, vivid teal — the color of sea glass.
• Teal (#007D66): A full-bodied, balanced teal — the color of sea glass.
• Navy (#00426C): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#0E1500): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

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

• Misty Canyon color palette (#F1F9E5, #00AC75, #00707F, #093574, #0E0E00)
• Pale Mint color palette (#F9F7DA, #43D39C, #009286, #2C5185, #1A2510)
• Sunlit Delta color palette (#FFF5D7, #97AF00, #258016, #004853, #151300)
• Dusty Mint color palette (#F8F7DF, #8FCF7A, #338B47, #46582A, #191A00)
• Aubergine Basin color palette (#D6F5DC, #3E8C3C, #005950, #44005E, #001308)
• Lagoon Terrace color palette (#DFEAD2, #008C65, #4A4047, #002C25, #020500)
• Wandering Studio color palette (#EDDCC1, #68C364, #009D8E, #804C9B, #002D18)
• Wandering Cerulean Ridge color palette (#F6F6E9, #A0F8F7, #00A5B1, #006B5F, #002329)

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