Straw Pier color palette — #FFF0FC · #E7E29B · #E7D8D6 · #D39EB2 · #5B434E

Celadon Mist and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Celadon Mist (#E7E29B): A whisper-light, balanced green — the color of fresh herbs.
• Bone (#E7D8D6): a clean, paper-quiet neutral.
• Mauve (#D39EB2): A luminous, dusty rose — the color of a warm blush.
• Cocoa (#5B434E): A full-bodied, dusty rose — the color of a warm blush.

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

Use it as a design system

One click turns Straw 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 Lichen color palette (#FEF1F6, #CFF3C8, #C4E4EE, #D0B2CD, #445447)
• Cocoa Courtyard color palette (#FFF2EA, #FFD295, #DEDACC, #B8847A, #75420B)
• Faded Chartreuse color palette (#FFF2EC, #FFE496, #A7E760, #FF6E76, #513400)
• Honey Coast color palette (#E6E3FF, #A0D7FF, #FFB479, #6A4A58, #33272C)
• Weathered Glacier Thicket color palette (#E2FDEE, #B3ECDB, #7AE1FF, #D3A16D, #1E4339)
• Periwinkle Lagoon color palette (#FEF0FA, #FF9A83, #65B3FC, #B37BA4, #3F2C3A)
• Antique Corridor color palette (#FFEEE5, #DED8C5, #BDCD95, #9B6970, #3C291A)
• Amber Quarry color palette (#EFF8EE, #EBD395, #BD8948, #506C4D, #1D241C)

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