Patina Lagoon color palette — #F9F2FA · #A3E3DD · #41A4BD · #4F784B · #203D58

Cyan and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F2FA): a clean, paper-quiet neutral.
• Sea Foam (#A3E3DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#41A4BD): A luminous, balanced blue — the color of open sky before noon.
• Olive (#4F784B): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#203D58): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. 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

• Timeworn Canyon color palette (#FEF1F7, #A0DEFE, #7596CC, #217B71, #39355A)
• Weathered Market color palette (#ECF7FF, #E7D4F0, #F1A4C2, #4B8E8F, #364057)
• Ancient Lagoon Balcony color palette (#EDF8F5, #C2E8F1, #4CC6CA, #00A389, #00434A)
• Sunlit Cornflower color palette (#D2E7FF, #3996FE, #A78500, #667A20, #1A2D41)
• Aged Lagoon Lantern color palette (#F6F6EC, #B2CEAF, #00898E, #006152, #20432B)
• Muted Powder Coast color palette (#F1F7F0, #DBDEED, #A1AFDD, #648E9A, #4E5068)
• Antique Study color palette (#F2E5F2, #00A7AA, #00617D, #003F17, #00091B)
• Petrol Archive color palette (#E6DAE4, #5CC3CA, #0080A9, #005D30, #071E40)

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