Sunlit Coast color palette — #F7D3DE · #A455D6 · #7D7400 · #00633B · #2B111A

Amethyst and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F7D3DE): A whisper-light, dusty rose — the color of pressed rose petals.
• Amethyst (#A455D6): A luminous, vivid violet — the color of wild irises.
• Walnut (#7D7400): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#00633B): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#2B111A): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged warm.

Use it as a design system

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

• Pale Orchid Station color palette (#FCE3E7, #AD4CB6, #636200, #004F43, #1E071E)
• Worn Indigo color palette (#EDD7E5, #696AF5, #A06100, #425D00, #2A1023)
• Wisteria Harbor color palette (#FFE8EC, #CA81D8, #6D7600, #00715E, #381D24)
• Peony Lantern color palette (#F9D4D4, #D562AF, #357100, #00605A, #2E0F12)
• Misty Grape Meadow color palette (#FCD1DF, #8819C7, #376000, #234100, #2D0E1B)
• Peony Canyon color palette (#F0DCDA, #D74792, #7F5D00, #004F40, #091A4A)
• Airy Wisteria color palette (#DADBF6, #CB93FF, #4F9030, #007A5C, #181634)
• Powdered Boulevard color palette (#F0DBBA, #D267A7, #B63333, #00572F, #3D1323)

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