Sapphire Lagoon color palette — #E5E0C8 · #00ABBC · #426DDE · #665300 · #001924

A conversation between Sapphire and Cyan, giving this palette its sense of nature and growth.

The five colors

• Bone (#E5E0C8): A whisper-light, dusty green — the color of a quiet forest floor.
• Cyan (#00ABBC): A luminous, balanced blue — the color of deep harbor water.
• Sapphire (#426DDE): A full-bodied, vivid violet — the color of twilight just after sunset.
• Coffee (#665300): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#001924): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged retro.

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

• Powdered Cobalt Dune color palette (#FDEBD8, #00B09E, #007EBA, #7A4800, #001A1D)
• Soft Basin color palette (#F0EFD5, #0094CA, #6C4BC7, #424E00, #000B1F)
• Antique Station color palette (#DBEEDD, #00A3AC, #A538BD, #5B5200, #001517)
• Worn Fern Boulevard color palette (#E0ECE1, #7DABD7, #8579AC, #6D6102, #00341A)
• Hazy Orchid color palette (#EAECD5, #5C96F8, #AB50C4, #005F1D, #13083F)
• Misty Azure color palette (#F4E6DD, #9ECCB5, #2798ED, #007D78, #0B1356)
• Pale Indigo color palette (#E7E7D7, #4871DF, #82328B, #004721, #040015)
• Soft Lagoon color palette (#E2E0D1, #7AB888, #00947D, #006F8A, #00220A)

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