Lapis Pier color palette — #E8F1E7 · #8ABCEB · #5058C4 · #003D40 · #05000D

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

The five colors

• Cream (#E8F1E7): a clean, paper-quiet neutral.
• Sky (#8ABCEB): A luminous, balanced blue — the color of deep harbor water.
• Iris (#5058C4): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Teal (#003D40): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#05000D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Lapis Pier 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 Study color palette (#F8E9F3, #67C6DF, #016BAD, #003F30, #010014)
• Ancient Cobalt Bloom color palette (#FFF0FC, #8BDBE4, #0085B6, #005532, #00072E)
• Weathered Terrace color palette (#E1EFE3, #5F8EBC, #0025CA, #002A37, #03001B)
• Patina Alley color palette (#F5EBDB, #86B5E3, #487BF0, #006984, #0F0440)
• Patina Ridge color palette (#E6EDDD, #759B1F, #8E00A3, #304300, #030004)
• Tempered Field color palette (#FFF1F5, #D7DFFC, #778DD8, #006A69, #24143C)
• Ancient Basin color palette (#FFF0FE, #BAFCFF, #00A9DA, #00783A, #002350)
• Powdered Boulevard color palette (#E3F4C4, #99E6D4, #40B5E8, #705100, #000A03)

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