Lapis Coast color palette — #F4EADE · #7DA6CC · #4B4ED9 · #004A4C · #1C0531

Iris and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F4EADE): bright and airy, almost weightless.
• Blue Fog (#7DA6CC): A luminous, dusty blue — the color of open sky before noon.
• Iris (#4B4ED9): A full-bodied, vivid violet — the color of wild irises.
• Forest (#004A4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#1C0531): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Lapis Coast 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

• Misty Harbor color palette (#FBECE3, #50B0CC, #0069B1, #004C3C, #0D063F)
• Tempered Ultramarine color palette (#E8F1E7, #8EBCE6, #405ACB, #003C46, #030010)
• Aged Nightshade Chapel color palette (#E0F2E3, #4994DA, #0E39AF, #002E3C, #0F083A)
• Patina Cornflower color palette (#E6EEDB, #8CB4DE, #3B80E8, #006692, #030A3E)
• Nightshade Market color palette (#CDEEED, #008DAF, #005391, #1900A6, #1A0039)
• Tempered Grove color palette (#F5EDE5, #9ED1C1, #667DE2, #006C6C, #33254A)
• Peony Bloom color palette (#DCF6ED, #ADA8FF, #DD6497, #006B68, #16183A)
• Ultramarine Grove color palette (#E2E6F7, #6581FB, #2229E7, #090082, #000111)

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