Sapphire Lagoon color palette — #D1E6D8 · #987C00 · #3058E9 · #554500 · #040C36

Built around Royal Blue, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#D1E6D8): A whisper-light, dusty teal — the color of shallow lagoons.
• Ochre (#987C00): A full-bodied, balanced green — the color of fresh herbs.
• Royal Blue (#3058E9): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#554500): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Indigo (#040C36): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Sapphire Lagoon 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

• Hazy Ultramarine color palette (#FEE4ED, #C57B21, #333FDE, #663B00, #060A37)
• Soft Amethyst color palette (#D5E6DD, #8B8200, #7D3CD7, #4D4800, #170530)
• Lapis Drift color palette (#D2F4E7, #647400, #4C2FD2, #323B00, #060026)
• Softworn Sapphire Dune color palette (#EBDCBF, #C8A628, #456BDF, #776100, #132359)
• Ultramarine Meadow color palette (#D9EFE1, #7D6A00, #394ACC, #452CAF, #0E0A00)
• Tempered Market color palette (#CAF2EE, #36A850, #7617CC, #00561C, #18052F)
• Rust Parlor color palette (#FDE2EF, #C45E0A, #007984, #703200, #001619)
• Feathered Lilac color palette (#E2F8F0, #98AF58, #A970D4, #596E00, #311D40)

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