Weathered Coast color palette — #FFF1F0 · #F3D3CC · #E69EA2 · #A0655D · #713A0A

Bronze and Rose Quartz set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Bone (#F3D3CC): A whisper-light, dusty orange — the color of toasted spice.
• Rose Quartz (#E69EA2): A luminous, balanced red — the color of embers at dusk.
• Mocha (#A0655D): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#713A0A): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, warm.

Use it as a design system

One click turns Weathered 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

• Patina Stone Bloom color palette (#FFF2EB, #EADABB, #DBA97A, #8F7341, #614500)
• Mallow Market color palette (#FFF1F6, #F1D4E3, #DBA5D4, #A1708F, #5E3C38)
• Wandering Stone Basin color palette (#FFF2EB, #E1D8CF, #E7A68E, #8C5543, #401B0F)
• Amber Canyon color palette (#FFF1F3, #FCC4D8, #E5989C, #C8765E, #534D48)
• Weathered Coral Alley color palette (#F3EFFF, #EAA2BB, #CB6878, #874C31, #4B2D38)
• Linen Tangerine Thicket color palette (#FFD9D5, #FF8157, #C35500, #744100, #261600)
• Misty Tangerine color palette (#FFF1F2, #FFC3BB, #F96327, #A14A00, #563200)
• Washed Amber Courtyard color palette (#FFF2EE, #FEA478, #CD7414, #825500, #413000)

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