Sand Pier color palette — #FFF0F9 · #F0C8A5 · #D09F8E · #9B7C9C · #2F4333

Wheat and Camel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Wheat (#F0C8A5): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#D09F8E): A luminous, dusty orange — the color of sun-warmed clay.
• Heather (#9B7C9C): A luminous, dusty pink — the color of peonies in June.
• Forest (#2F4333): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Sand 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

• Muted Lantern color palette (#FFF1F6, #BBDABF, #D1A17B, #AE796C, #284436)
• Antique Chestnut color palette (#FFF2EA, #E0B397, #B08470, #945734, #593300)
• Hushed Bronze Lagoon color palette (#FFEEE4, #CAA380, #A46147, #6C3C40, #2B2110)
• Aqua Lantern color palette (#E9F8FF, #54CCE3, #97A9EE, #C17592, #1D3742)
• Tempered Teal Boulevard color palette (#E7FAFA, #F7CCA8, #65A489, #406C6E, #122526)
• Linen Ridge color palette (#FDD0E0, #D6B366, #D37D00, #B84924, #2C2B00)
• Chalky Station color palette (#DAF4E7, #A0BD7F, #95924A, #886417, #012D11)
• Hushed Meadow color palette (#FFE3DF, #CAC9FF, #ABDC15, #49685F, #1F2926)

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