Patina Lagoon color palette — #F9F4ED · #BFE1EB · #A8C3EC · #609F98 · #3A544B

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

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Powder Blue (#BFE1EB): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#A8C3EC): A luminous, dusty blue — the color of open sky before noon.
• Eucalyptus (#609F98): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#3A544B): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. 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

• Hushed Cypress Canyon color palette (#EFF7F6, #D2DEF0, #61A4B9, #2A7C7F, #3C5667)
• Worn Pier color palette (#FBF4E9, #8CDBE5, #0087A7, #005249, #000E19)
• Hushed Harbor color palette (#F0F9E5, #C8E1FA, #B1C7B0, #B7AFBE, #4A5344)
• Patina Celadon Field color palette (#F3F8E8, #ACFBC9, #F1B5E8, #6FA984, #5F3A3F)
• Timeworn Turquoise color palette (#FAF4EC, #CDDFF9, #50B6C9, #2C7F68, #0A3726)
• Washed Boulevard color palette (#FBF4EA, #D0E9FF, #6792D8, #00667D, #15193F)
• Turquoise Archive color palette (#EBE3D7, #48B0D2, #005B85, #002B2C, #000104)
• Softworn Sky color palette (#FEF4E3, #DAD8E4, #65B4FF, #008595, #1E3360)

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