Gentle Coast color palette — #FDD9DD · #3A72FF · #5131B5 · #5E0031 · #08063B

Sapphire and Indigo set the tone — five colors that lean into creativity and energy.

The five colors

• Shell Pink (#FDD9DD): A whisper-light, dusty red — the color of embers at dusk.
• Sapphire (#3A72FF): A full-bodied, vivid violet — the color of wild irises.
• Indigo (#5131B5): A full-bodied, vivid violet — the color of a velvet chair.
• Mulberry (#5E0031): A deep, shadowed, balanced rose — the color of strawberry cream.
• Deep Indigo (#08063B): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Creativity, Energy. Tagged retro, vibrant.

Use it as a design system

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

• Worn Violet color palette (#FDD4D3, #795CFF, #7301AE, #610016, #170138)
• Pale Ultramarine Lagoon color palette (#D0E9DC, #0085D2, #243FBC, #580047, #00122A)
• Lapis Thicket color palette (#FAD2F0, #4B52FF, #7A0087, #58001A, #001119)
• Gentle Bloom color palette (#FBE2AD, #007EE2, #5933AA, #542D00, #12225C)
• Misty Orchid Quarry color palette (#FFEEE6, #A966FF, #8B3996, #731600, #251133)
• Obsidian Lapis Workshop color palette (#FEDDF4, #4019F5, #2A1C0F, #1F0F4B, #13010E)
• Hazy Byzantium Courtyard color palette (#FFEAE4, #A047CE, #742A69, #4C1B00, #1A031F)
• Weathered Amethyst color palette (#E7EAB3, #00AACA, #794AD8, #505100, #002B4A)

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