Weathered Coast color palette — #FCF2F8 · #A7CBDF · #3C7EB1 · #00605A · #2C395B

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Sky (#A7CBDF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#3C7EB1): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#00605A): A full-bodied, dusty teal — the color of sea glass.
• Navy (#2C395B): A deep, shadowed, dusty violet — the color of wild irises.

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

• Cobalt Hollow color palette (#F1F3EA, #B1D0BF, #0287B5, #005A65, #002338)
• Cerulean Field color palette (#FCF2F5, #C6E0F7, #7089BF, #216E77, #454367)
• Tempered Abyss color palette (#F9E9F3, #85BBC9, #007588, #00532E, #00324A)
• Muted Navy color palette (#EBDEE5, #4C89A4, #003D6F, #002221, #04002D)
• Olive Drift color palette (#DCFCFF, #A7EBED, #85B1E2, #5A7E48, #244950)
• Misty Pine color palette (#E5EED8, #74B062, #008351, #005C4F, #0E3F54)
• Ancient Denim color palette (#F8E9EF, #7EA4BF, #0656A3, #003E3E, #15144F)
• Worn Teal color palette (#CAFFF6, #3FBCAA, #006F63, #004236, #002924)

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