Weathered Coast color palette — #FBF2F8 · #CFDE99 · #7D8FDC · #576186 · #2A1D27

Built around Lavender Blue, softened by Celadon Mist — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Celadon Mist (#CFDE99): A whisper-light, balanced green — the color of a quiet forest floor.
• Lavender Blue (#7D8FDC): A luminous, balanced violet — the color of wild irises.
• Slate (#576186): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#2A1D27): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

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

• Lilac Studio color palette (#FEF1F5, #A6E6CA, #AA83C0, #6F597C, #2B1D21)
• Patina Harbor color palette (#FBF2FC, #FFC6B2, #6998CE, #486587, #271E28)
• Petrol Terrace color palette (#F1F5FF, #DEC084, #6C69A6, #38415F, #1D212F)
• Patina Meadow color palette (#FDF1F8, #FFE2A5, #7170A1, #492F3E, #170B12)
• Patina Lilac color palette (#FBF3F5, #E4D9D3, #B7B7A5, #BF9BD5, #4E4547)
• Tempered Bloom color palette (#EEF2FB, #AFBA83, #4B4F85, #212345, #080C17)
• Worn Violet color palette (#F6DDE8, #77D975, #8950FF, #533895, #110827)
• Dusty Coral color palette (#FAF3F8, #C8D3FF, #FF866F, #8B9BEB, #321F16)

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