Weathered Lagoon color palette — #FAF2F8 · #C5E6F4 · #70BDE1 · #2FA184 · #1A3C60

Fern and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Frost (#C5E6F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#70BDE1): A luminous, balanced blue — the color of open sky before noon.
• Fern (#2FA184): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#1A3C60): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Gentle Periwinkle color palette (#F9EAF0, #ABDAF9, #71A5F5, #009097, #282851)
• Turquoise Delta color palette (#F5F6ED, #BADFC4, #34A5C0, #007C7C, #0C4152)
• Tempered Teal Market color palette (#FAF3F8, #D5D5E7, #B1C0E2, #76B09A, #425567)
• Feathered Amber color palette (#FBE8F4, #FEA584, #3AC7C7, #D5714C, #003E3E)
• Cobalt Study color palette (#F3E9EF, #6FABBA, #007DB1, #005F51, #00081E)
• Cerulean Garden color palette (#F9F0EC, #B1D1B9, #1787B1, #005D4A, #07213C)
• Faded Apricot Bloom color palette (#F9DAEF, #FE8865, #15B8D0, #648FCD, #441F14)
• Antique Bronze color palette (#D3F0DF, #BBC89C, #A89F6A, #947346, #083834)

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