Misty Coast color palette — #FFF0F8 · #FFB8C5 · #FF5641 · #904700 · #452D00

A conversation between Scarlet and Burnt Sienna, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Ballet Pink (#FFB8C5): A whisper-light, balanced red — the color of embers at dusk.
• Scarlet (#FF5641): A luminous, vivid orange — the color of autumn markets.
• Burnt Sienna (#904700): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#452D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

Use it as a design system

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

• Ember Coast color palette (#FFE0E0, #FC5F2D, #905700, #4A3700, #0A0D00)
• Amber Harbor color palette (#FFF1F5, #FFAB9C, #CE640E, #7D5500, #302C00)
• Scarlet Boulevard color palette (#FFD0E6, #ED788A, #D72324, #8A3300, #5F3A00)
• Chalky Peony Workshop color palette (#F9F2FF, #FFA5E5, #F7448E, #A62D3B, #501C03)
• Muted Courtyard color palette (#FAE1E1, #EC7371, #CF1400, #751F00, #3F1400)
• Tempered Amber color palette (#F5DAD2, #C37400, #5F4800, #282600, #020600)
• Hushed Marigold color palette (#FFF2EF, #FFC5AA, #D6963E, #796B25, #44443C)
• Faded Basin color palette (#FFF2ED, #FFAFA8, #17C0F8, #CB4B48, #003445)

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