Sunlit Pier color palette — #F2D7E1 · #FF6CA3 · #E14973 · #A5364A · #541F1F

Built around Fuchsia, softened by Bubblegum — the whole palette hums with warmth and comfort.

The five colors

• Shell Pink (#F2D7E1): A whisper-light, dusty rose — the color of a warm blush.
• Bubblegum (#FF6CA3): A luminous, vivid rose — the color of a warm blush.
• Fuchsia (#E14973): A luminous, vivid red — the color of embers at dusk.
• Garnet (#A5364A): A full-bodied, balanced red — the color of late-summer berries.
• Espresso (#541F1F): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Faded Garden color palette (#F1D8EB, #FF70D3, #DC4297, #A54068, #471524)
• Gentle Ridge color palette (#F8E2E3, #FF7982, #E83E40, #AE4835, #521E08)
• Faded Peony Station color palette (#ECDDE9, #F44FA2, #D12C61, #8A2618, #512406)
• Misty Chapel color palette (#F7E6FA, #C1649D, #A70048, #671400, #281000)
• Hushed Scarlet Studio color palette (#FBE7E7, #FF5856, #D82500, #9E2900, #350F00)
• Ember Studio color palette (#FFD8D0, #FFA696, #EE604D, #A14137, #350200)
• Crimson Basin color palette (#F1D2F3, #FF8392, #8995FF, #D84661, #1E2157)
• Sunlit Coral Meadow color palette (#FFE6E2, #FF6558, #B19200, #AA6BB4, #2F132B)

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