Patina Lagoon color palette — #F1F7F2 · #C1E0FD · #5C8BD0 · #006E84 · #394765

Azure takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Powder Blue (#C1E0FD): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#5C8BD0): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006E84): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#394765): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: 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

• Patina Turquoise color palette (#F1F7F2, #D4DFF1, #59A3C7, #3E7A77, #455464)
• Washed Cypress color palette (#F8EFF2, #BFE1FF, #7D8BBA, #096C6C, #272944)
• Hushed Cerulean Garden color palette (#F0F7F1, #9FCEDD, #00879D, #006150, #1E3E52)
• Muted Cerulean Market color palette (#E3EDE5, #318CAD, #004064, #002224, #00081D)
• Hushed Canyon color palette (#DFEDE2, #63ABB9, #00607C, #003E39, #002237)
• Airy Cobalt color palette (#FFF1F5, #C6945F, #1D92D4, #8F5600, #1B4763)
• Faded Sapphire color palette (#E6F2E8, #96B5D4, #2F5ECF, #004D61, #272951)
• Amber Station color palette (#E7FCE6, #B77A06, #008D8C, #7D578F, #293E29)

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