Patina Lantern color palette — #F9F4EE · #C5DFF1 · #C5BBE9 · #5B9CB3 · #5F4356

A conversation between Slate Blue and Lavender, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Powder Blue (#C5DFF1): A whisper-light, dusty blue — the color of deep harbor water.
• Lavender (#C5BBE9): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#5B9CB3): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#5F4356): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Powder Dune color palette (#F9F4ED, #C6DDE2, #A4C5EB, #649F94, #325649)
• Ancient Periwinkle Station color palette (#F1F7F2, #DADDED, #7B99D2, #317990, #495268)
• Aged Cobalt Dune color palette (#FDF4E6, #9FD2FB, #3E79CE, #004F5F, #050134)
• Periwinkle Drift color palette (#FAF4EB, #C1E4F5, #75ACDE, #037D8A, #1A2D52)
• Patina Denim color palette (#E9E0D2, #70AFB1, #005F6F, #002C23, #000103)
• Patina Ash color palette (#FFF3E3, #E9C68E, #82C9CC, #B991C4, #3C3832)
• Tempered Grove color palette (#FFF3E4, #DAE5C7, #96CBD1, #CCA98B, #644700)
• Amber Boulevard color palette (#FDF3E8, #E5E1B3, #A5D1F9, #C18F4D, #264F45)

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