Quiet Coast color palette — #DEE8C8 · #FF4940 · #5569F2 · #040E29 · #02040E

A conversation between Scarlet and Sapphire, giving this palette its sense of creativity and energy.

The five colors

• Celadon Mist (#DEE8C8): A whisper-light, dusty green — the color of new leaves after rain.
• Scarlet (#FF4940): A luminous, vivid orange — the color of sun-warmed clay.
• Sapphire (#5569F2): A full-bodied, vivid violet — the color of wild irises.
• Ink (#040E29): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#02040E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Powdered Violet color palette (#E4EDE0, #DF7300, #7F56F2, #100827, #01020C)
• Hushed Rose color palette (#EEE2CC, #FF3B7E, #0084C2, #001422, #000307)
• Iris Pier color palette (#CEE6CE, #FF7487, #8C86FF, #171D31, #070A12)
• Misty Cornflower color palette (#D9E8CE, #E4AB2B, #487AEC, #041645, #1D0B1C)
• Wisteria Studio color palette (#E1EFE5, #FF9F77, #B982F3, #242437, #0F0F17)
• Washed Bloom color palette (#C9E9DA, #D97800, #BE00DE, #200725, #04030B)
• Airy Grove color palette (#DAF5EE, #A45700, #9300BA, #16040D, #010007)
• Frosted Canyon color palette (#E0E4F6, #927ADD, #8C2860, #4E2797, #05000A)

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