Sunlit Pier color palette — #EBF2FF · #99ACFF · #D3774E · #3E8148 · #00360D

Coral Clay and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EBF2FF): bright and airy, almost weightless.
• Lavender (#99ACFF): A luminous, balanced violet — the color of twilight just after sunset.
• Coral Clay (#D3774E): A luminous, balanced orange — the color of toasted spice.
• Fern (#3E8148): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#00360D): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, 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 Ridge color palette (#EFF0FF, #C698FE, #BA8936, #48802C, #00342C)
• Timeworn Pier color palette (#E7F4FF, #4EBDFF, #D76E7E, #667A00, #273000)
• Mallow Pier color palette (#E6ECFF, #DABADF, #B9A0BB, #628683, #18514F)
• Tempered Fuchsia Archive color palette (#EAE3FF, #F363F3, #998C00, #007A5C, #002A31)
• Wandering Ridge color palette (#F7F3FF, #D687C5, #B9504C, #654200, #161F00)
• Sunlit Orchid color palette (#DBDFF6, #9F6BFE, #9C6500, #385D00, #001613)
• Hushed Thicket color palette (#FAF3F7, #B9E8FE, #72BBE7, #31A08B, #213B60)
• Faded Blush Ridge color palette (#ECDBEE, #FF7F94, #00924C, #006E7F, #14154F)

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