Quiet Coast color palette — #FFF1F2 · #B6AEFF · #FE3EC7 · #BE4000 · #560020

Built around Hot Pink, softened by Terracotta — the whole palette hums with creativity and warmth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Lavender (#B6AEFF): A luminous, balanced violet — the color of a velvet chair.
• Hot Pink (#FE3EC7): A luminous, vivid pink — the color of a candy shop window.
• Terracotta (#BE4000): A full-bodied, vivid orange — the color of sun-warmed clay.
• Mulberry (#560020): A deep, shadowed, balanced red — the color of late-summer berries.

Feels like: Creativity, Warmth, Comfort, Energy. Tagged candy, vibrant, light, warm.

Use it as a design system

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

• Antique Dune color palette (#FFF2F0, #D297FF, #FE43A7, #9D5200, #4F0011)
• Antique Courtyard color palette (#FFF1F3, #9CADFF, #EF2AF9, #CB031B, #4F0039)
• Gentle Peony color palette (#F6EEFF, #FC8EFB, #FE43C1, #D9005D, #2B0018)
• Muted Veranda color palette (#FFF1F1, #FEA6FA, #FF70C8, #FF2E67, #4E0B2C)
• Aged Grove color palette (#FFEFE9, #EB93E5, #EA5953, #826800, #431300)
• Wandering Blush color palette (#FFF2EE, #FEB8FB, #FF6A7A, #A87400, #5C2213)
• Muted Brick color palette (#F6DAED, #E34E83, #B60029, #781E00, #502500)
• Plum Alley color palette (#FFF0F8, #6AB8FF, #997DFF, #BF006E, #440B56)

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