Quiet Coast color palette — #D7E3F2 · #1E5FC4 · #0B00CD · #170068 · #1D002B

Indigo takes the lead with Cobalt close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D7E3F2): A whisper-light, dusty blue — the color of open sky before noon.
• Cobalt (#1E5FC4): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Indigo (#0B00CD): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#170068): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#1D002B): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.

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

• Weathered Aubergine color palette (#E9EEFF, #5154C8, #3E00A8, #260058, #180034)
• Kinetic Atelier color palette (#C5EAF9, #0081E0, #1A00EF, #310095, #220039)
• Dusty Summit color palette (#D8E6F5, #2483FA, #1B57FB, #3339B4, #0E023E)
• Powdered Study color palette (#E1EAFF, #4B4BC0, #8F002F, #230083, #260006)
• Nightshade Loft color palette (#EAEFFF, #AA94DA, #9A67AC, #222C9B, #1D0D3C)
• Hushed Delta color palette (#D8E0F2, #1E35BC, #6F0064, #00383B, #01002A)
• Pale Market color palette (#C9E8FB, #0070A6, #00477B, #00204A, #010156)
• Lapis Thicket color palette (#DFE7F8, #6C88FF, #5729FF, #4100B2, #37136E)

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