Worn Coast color palette — #FFF2EB · #54DFFD · #0093E4 · #007558 · #21296D
Azure and Ice Blue set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Ice Blue (#54DFFD): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Azure (#0093E4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#007558): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#21296D): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Worn 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
- Muted Cornflower Boulevard color palette (#FFF3E6, #96D2FF, #607FFF, #007271, #3B2360)
- Ancient Terrace color palette (#FFF2EC, #A0E1EE, #4C9ED4, #1F7E5C, #4C2F47)
- Washed Station color palette (#FEF1F9, #D5D8F4, #00A4EE, #007466, #001E5B)
- Worn Orchard color palette (#F3E9E1, #6ABFD8, #0078C8, #005B48, #16164A)
- Airy Sky color palette (#F4F7EA, #9CE7FC, #00BCED, #0096A0, #00384F)
- Weathered Chapel color palette (#F2E6D9, #6CA8D8, #4454D2, #004A4B, #1B0532)
- Tempered Market color palette (#FBF3EE, #C2E2F0, #98B3D9, #5A9388, #614B58)
- Feathered Moss color palette (#DEFFE4, #73F3FF, #96C0FF, #908A00, #004741)
Browse the whole catalog at Explore, or see today's palette.