Quiet Coast color palette — #F3DBFF · #FFB6AB · #E9945D · #B97C00 · #4C4407

Mustard takes the lead with Apricot close behind in a set that reads as nature and growth at first glance.

The five colors

• Thistle (#F3DBFF): A whisper-light, dusty violet — the color of wild irises.
• Rose Quartz (#FFB6AB): A whisper-light, balanced orange — the color of sun-warmed clay.
• Apricot (#E9945D): A luminous, balanced gold — the color of old brass.
• Mustard (#B97C00): A luminous, balanced gold — the color of honey in a jar.
• Deep Olive (#4C4407): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged 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

• Gentle Amber Ridge color palette (#E9E3FF, #F9B0CF, #F28E8D, #C16736, #614113)
• Tempered Amber Meadow color palette (#FFE4D8, #EAA488, #CE7B41, #915900, #5A4007)
• Linen Moss color palette (#FFD7CF, #FABA8D, #D29C34, #858B00, #354C1F)
• Feathered Apricot Grove color palette (#F6DDDC, #FF8950, #C38300, #866F00, #243600)
• Misty Bronze color palette (#DFFFE1, #FAD6A3, #DBA156, #AB6900, #422C00)
• Muted Boulevard color palette (#FFF1F7, #BDD9C2, #D2A07D, #B8726F, #224538)
• Quiet Tangerine Basin color palette (#FFF0F8, #F6BDA3, #90C1FF, #EF7837, #21436D)
• Pine Boulevard color palette (#F2D9C2, #C2A732, #8F9600, #008423, #003725)

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