Patina Lagoon color palette — #FFF1F7 · #C2E5FF · #8AB2F8 · #00A195 · #3A3459

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

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Powder Blue (#C2E5FF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#8AB2F8): A luminous, balanced violet — the color of a velvet chair.
• Fern (#00A195): A luminous, balanced teal — the color of sea glass.
• Navy (#3A3459): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Emerald Market color palette (#F9F3FA, #BBE9F5, #73BED6, #5C9E5F, #1F3D59)
• Antique Periwinkle Chapel color palette (#EFF8F1, #D9D5E1, #64ACEE, #007D8B, #192C55)
• Powder Lagoon color palette (#FBF3F6, #D8D4E3, #A8CAF4, #75ADB5, #4A5269)
• Dusty Drift color palette (#F7E7EC, #9BC6E5, #708CE6, #007D7B, #270C49)
• Patina Studio color palette (#F1DCF9, #FA82A5, #2EBCAF, #009BB6, #36223D)
• Cobalt Cabin color palette (#EDE0E5, #78A7C5, #4D70C1, #005E59, #0D0025)
• Softworn Ash color palette (#FAF2FF, #F7D1D8, #E3D4A0, #B09CCF, #4A354C)
• Cerulean Corridor color palette (#E8DCE5, #6BBFC9, #008EC3, #007144, #000B40)

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