Quiet Coast color palette — #D5F4FF · #BAA7FF · #C36E00 · #301320 · #100509

Mustard and Lavender set the tone — five colors that lean into optimism and creativity.

The five colors

• Frost (#D5F4FF): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender (#BAA7FF): A luminous, balanced violet — the color of wild irises.
• Mustard (#C36E00): A luminous, balanced gold — the color of afternoon light on wheat.
• Onyx (#301320): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Ink (#100509): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Creativity, 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

• Wisteria Quarry color palette (#DCF0FF, #D59AFF, #AF7B00, #04220A, #030B04)
• Ember Market color palette (#DAF3EC, #6FBFFF, #E6460D, #2E1327, #12080F)
• Timeworn Hollow color palette (#CFEAF0, #FFA9D2, #E87254, #3F3834, #1F1713)
• Timeworn Boulevard color palette (#DFE8FF, #00BFC0, #F46700, #2A1121, #14070E)
• Wandering Bronze color palette (#E4D8F4, #00909F, #9C6400, #110700, #000200)
• Fuchsia Garden color palette (#E3EDFF, #FF6FC4, #8C7C00, #191500, #010A05)
• Worn Mustard color palette (#DFDCEB, #51CAFE, #CDA700, #112A1B, #0A150E)
• Dusty Fern Bloom color palette (#EBF4F0, #C8DADF, #A2BDC0, #636A28, #18231F)

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