Lapis Harbor color palette — #F3D8E8 · #5D5AC3 · #7A2600 · #00301B · #000D13

A conversation between Iris and Rust, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F3D8E8): A whisper-light, dusty pink — the color of peonies in June.
• Iris (#5D5AC3): A full-bodied, balanced violet — the color of wild irises.
• Rust (#7A2600): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Forest (#00301B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000D13): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Garnet Alley color palette (#D0E8DF, #0072AA, #800D43, #242B00, #000F05)
• Violet Delta color palette (#DAE0F8, #8970DF, #8A5600, #004D4E, #002526)
• Plum Corridor color palette (#FCE5E6, #9F428A, #454B00, #003117, #000D14)
• Midnight Mulberry Studio color palette (#F8D9DC, #90108A, #403600, #00201B, #000504)
• Aged Cobalt color palette (#F2E7DC, #8DC0B0, #4067BA, #004A51, #140D36)
• Weathered Mulberry Pier color palette (#F6DFFD, #B9529A, #A40253, #6E001D, #2D0A00)
• Plum Hollow color palette (#F5DAD4, #AE3655, #6A3700, #313000, #002715)
• Pewter Balcony color palette (#E7E6F6, #AA84A4, #895557, #004E48, #00262F)

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