Weathered Lagoon color palette — #F6F0F3 · #C3E1F6 · #6B8EC6 · #006E63 · #22294A

Slate Blue and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F6F0F3): bright and airy, almost weightless.
• Powder Blue (#C3E1F6): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#6B8EC6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#006E63): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#22294A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Weathered Lagoon 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

• Worn Cerulean color palette (#F1F7F2, #C2E1F7, #588FBF, #146F78, #39495F)
• Weathered Pier color palette (#F8EFF2, #AFCBE6, #6974C0, #005B5E, #28163B)
• Antique Parlor color palette (#E7DAE3, #4B828F, #003F65, #002016, #00000C)
• Tempered Harbor color palette (#F8F5EF, #C5DDE8, #86C1F6, #0093A0, #2C3F60)
• Aged Drift color palette (#F0E5F0, #63AAAF, #006082, #003C1F, #000923)
• Forest Workshop color palette (#FBECFD, #7CCBCA, #007E9D, #00561C, #001A37)
• Hushed Cerulean color palette (#E3F9E3, #B58232, #008CB4, #007699, #0C240E)
• Softworn Nightshade color palette (#F8E4EC, #658FB0, #2E39A1, #002C2C, #070015)

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