Soft Coast color palette — #FFD4D1 · #FF3B55 · #00948D · #071A20 · #010C00

A conversation between Scarlet and Fern, giving this palette its sense of energy and balance.

The five colors

• Shell Pink (#FFD4D1): A whisper-light, dusty orange — the color of autumn markets.
• Scarlet (#FF3B55): A luminous, vivid red — the color of embers at dusk.
• Fern (#00948D): A luminous, balanced teal — the color of glacier melt.
• Ink (#071A20): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#010C00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Energy, Balance. Tagged neon, dark, vibrant.

Use it as a design system

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

• Tempered Ember Alley color palette (#E7E4C9, #ED5F02, #0091A2, #0B1B25, #000D04)
• Feathered Peony Drift color palette (#F6E5EB, #FE2198, #009583, #02161A, #010500)
• Airy Coral Cabin color palette (#EBE0BF, #FF7E6F, #00AFA7, #0C2C36, #0C1C0A)
• Faded Basin color palette (#F8D8D9, #FF4BDD, #438300, #001F14, #090900)
• Peony Orchard color palette (#E3EFE2, #FF48B5, #979D00, #103F30, #000D07)
• Hushed Bronze color palette (#E5E2BF, #A95F00, #006F89, #070D14, #000201)
• Softworn Mustard color palette (#E1F1E3, #C5A100, #00A2C7, #142436, #01190E)
• Dusty Abyss Harbor color palette (#E4EDE9, #C0B5BD, #A2858E, #004B68, #0D241C)

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