Sapphire Lagoon color palette — #F4EEDE · #A7A224 · #0063D6 · #5D5A00 · #173560

Royal Blue and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F4EEDE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Moss (#A7A224): A luminous, balanced green — the color of new leaves after rain.
• Royal Blue (#0063D6): A full-bodied, vivid blue — the color of deep harbor water.
• Olive (#5D5A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#173560): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged cool.

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

• Sapphire Orchard color palette (#FDEBD7, #CF8E23, #4F5CC9, #764D00, #29305F)
• Grape Canyon color palette (#F0F0DC, #79AF4E, #7E4EB2, #386400, #3E2A55)
• Powdered Harbor color palette (#FFEADD, #C97352, #1384D6, #872F00, #0B385B)
• Hushed Veranda color palette (#F9F6E3, #9CA851, #A072C3, #636D00, #593642)
• Misty Sapphire color palette (#F5E2C2, #967500, #2461DE, #7D3A88, #392805)
• Soft Grape color palette (#ECE5CB, #717200, #5C03E3, #3B3C00, #1A074A)
• Gentle Amber Quarry color palette (#D8F0E0, #AC8F00, #B45A7A, #655300, #36071B)
• Dusty Villa color palette (#E3E9C0, #2FB037, #AB00CF, #05500D, #460F55)

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