Weathered Coast color palette — #FEF2ED · #B2ECF4 · #5EBFE8 · #3BA083 · #47324A
A conversation between Cyan and Fern, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FEF2ED): a clean, paper-quiet neutral.
- Sea Foam (#B2ECF4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#5EBFE8): A luminous, balanced blue — the color of deep harbor water.
- Fern (#3BA083): A luminous, balanced teal — the color of sea glass.
- Charcoal (#47324A): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Aqua Loft color palette (#FFF2EB, #CAEBCA, #4DC3DF, #529E76, #134437)
- Periwinkle Corridor color palette (#F6ECE5, #A1DCFF, #76A6E8, #009094, #272A4D)
- Emerald Cabin color palette (#FFF2EB, #3BF7EF, #00BFDA, #149D59, #00384F)
- Muted Hollow color palette (#FCF3EF, #BDE7EF, #95D1E8, #7CAF99, #345149)
- Misty Studio color palette (#D9F1E6, #00D5C6, #00B4C5, #008BAB, #173D57)
- Coral Alley color palette (#DFF5E5, #63E7FF, #E97664, #00A3B9, #58221B)
- Azure Pier color palette (#F2E1D8, #78CEE6, #009CE3, #007E70, #0A1D41)
- Weathered Field color palette (#EDF4EE, #AACEDC, #0589A9, #005C52, #002437)
Browse the whole catalog at Explore, or see today's palette.