Washed Drift color palette — #F4F7EC · #A5D0BF · #2D7EB7 · #005C73 · #173C62

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

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Pistachio (#A5D0BF): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#2D7EB7): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005C73): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#173C62): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Dusty Lagoon Harbor color palette (#F6F6EB, #B8CBB6, #00898F, #006153, #00434B)
• Weathered Alley color palette (#F9F0E8, #A1CEE9, #4A7DC1, #005B5E, #301628)
• Aged Petrol color palette (#C9F2FF, #3CA4CC, #0076A5, #00517A, #2D2F60)
• Amethyst Ridge color palette (#C6EFE0, #2783B2, #804EBA, #006B53, #002F46)
• Petrol Terrace color palette (#F4F6F0, #C9E3E4, #75A594, #267A8D, #2A5349)
• Washed Navy Archive color palette (#DDE1D3, #5E85A2, #003E6E, #00202D, #00081E)
• Petrol Study color palette (#FEF0FF, #E8CAE4, #ABAFEA, #0D73A2, #4A304B)
• Weathered Ridge color palette (#DCE0D6, #7CAA9D, #0F57A0, #003A51, #051B49)

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