Quiet Coast color palette — #F0E4FD · #D4A6DF · #CD81B5 · #A96F54 · #5C3400

Built around Dusty Rose, softened by Lavender — the whole palette hums with optimism and creativity.

The five colors

• Blush (#F0E4FD): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#D4A6DF): A luminous, balanced pink — the color of a candy shop window.
• Dusty Rose (#CD81B5): A luminous, balanced pink — the color of peonies in June.
• Mocha (#A96F54): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#5C3400): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged vintage, retro, muted, 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

• Pale Mallow Cabin color palette (#FFE8F4, #FC9EBD, #D18E8F, #A0782B, #453D00)
• Tempered Lilac color palette (#E2EDFF, #ABB5F8, #9F8CCD, #AD677B, #662B2E)
• Feathered Grove color palette (#F4E2FF, #B880B5, #A74879, #603211, #301D00)
• Tempered Pine Drift color palette (#D1E1FA, #AF9DD8, #B2758C, #00764F, #004F33)
• Washed Veranda color palette (#FFF1F3, #F0D4D5, #DFBBB6, #AA9888, #6A4600)
• Dusty Market color palette (#EDF6FF, #CCC9F8, #C36CA6, #007126, #003735)
• Misty Studio color palette (#FBDBD8, #DB947B, #AF7D50, #5A7234, #003408)
• Muted Drift color palette (#F9E2EF, #FF59CC, #F36F00, #717AFF, #410731)

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