Lapis Pier color palette — #F2E8DC · #76A7D3 · #4D57C5 · #004A4C · #1D0234

A conversation between Iris and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Parchment (#F2E8DC): a clean, paper-quiet neutral.
• Blue Fog (#76A7D3): A luminous, balanced blue — the color of open sky before noon.
• Iris (#4D57C5): A full-bodied, vivid violet — the color of a velvet chair.
• Forest (#004A4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#1D0234): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

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

• Chalky Coast color palette (#EDE0D8, #6CADBD, #006BA9, #004C38, #0A0048)
• Patina Balcony color palette (#FAE9EE, #80BCF7, #514ED9, #003D41, #05000D)
• Tempered Nightshade color palette (#E1EAE2, #6893BF, #0C37B2, #002E3C, #100045)
• Pale Grove color palette (#EBE1D1, #86B5E3, #3E77FF, #006984, #0F083B)
• Faded Nightshade color palette (#D1E9E9, #0086A0, #005988, #22009A, #1E003F)
• Feathered Station color palette (#F5EDE5, #9ACBF1, #6980D6, #006C6C, #342250)
• Faded Blush color palette (#EADBEB, #B3AAEB, #CD7894, #00696D, #100C3D)
• Sapphire Orchard color palette (#F6E3F6, #0173E8, #8E5800, #00428C, #1A0C00)

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