Frosted Pier color palette — #FAF1E1 · #B08700 · #46722A · #004C45 · #380F06

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

The five colors

• Cream (#FAF1E1): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#B08700): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#46722A): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#380F06): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, 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

• Antique Orchard color palette (#F6F2E2, #9EA438, #487F65, #165561, #382206)
• Faded Moss color palette (#F9F1DF, #A38D00, #347447, #672939, #311600)
• Ember Coast color palette (#FFEEE5, #DA6541, #7C6000, #214C18, #331020)
• Aged Garden color palette (#ECFAEB, #AB7F3F, #14754E, #074C78, #4D284A)
• Ancient Olive color palette (#EBE0C2, #7D7400, #005B37, #00333A, #180A00)
• Wandering Station color palette (#F7E5C0, #B3B483, #89833A, #546752, #293F30)
• Chestnut Lagoon color palette (#F4F2E5, #A2BE83, #607F58, #724C00, #2A2813)
• Worn Grove color palette (#EDF3DD, #00813A, #005156, #002750, #0C0B00)

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