Washed Coast color palette — #FBF3EF · #A8D0B8 · #1E7EC1 · #00624B · #30375D

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Pistachio (#A8D0B8): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#1E7EC1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#00624B): A full-bodied, balanced teal — the color of sea glass.
• Navy (#30375D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Wandering Cobalt color palette (#FCF4EB, #A4D0C3, #6270C3, #005F62, #502F3C)
• Antique Petrol color palette (#FFF2ED, #5BCBD3, #0078A1, #005930, #123162)
• Softworn Summit color palette (#FFF3E8, #92D8FF, #3676F4, #006760, #40366B)
• Gentle Lapis Balcony color palette (#F4EDE6, #89B7DE, #4B5AC7, #004F51, #342549)
• Azure Hollow color palette (#FBF4E9, #96E2F8, #44A0CD, #007C7A, #15443A)
• Airy Ember color palette (#FFE9E0, #D96558, #0082B9, #962C24, #003A56)
• Azure Lagoon color palette (#FBF3EF, #C7ECE7, #65A0CA, #4B7A65, #5F4B5B)
• Washed Spruce Basin color palette (#F8E8E4, #47A09C, #005265, #023305, #001529)

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