Sapphire Lagoon color palette — #FFF0FE · #2373FD · #745400 · #4A3F00 · #00361A

Sapphire and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Sapphire (#2373FD): A full-bodied, vivid violet — the color of twilight just after sunset.
• Coffee (#745400): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#4A3F00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Forest (#00361A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. 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

• Sunlit Cobalt Boulevard color palette (#DEFEF2, #0086C6, #894500, #533B00, #2A2D00)
• Pale Sapphire Alley color palette (#F0D8F2, #0067C3, #693800, #203500, #002012)
• Violet Workshop color palette (#FFF1F7, #9471D7, #586D1B, #255331, #123D29)
• Ultramarine Cabin color palette (#EEDCEC, #0239E1, #512C00, #002619, #001010)
• Sunlit Field color palette (#EBF2FF, #6379DF, #84348A, #00433A, #001B29)
• Softworn Grove color palette (#FFDDE9, #9600EB, #435300, #003B38, #00232C)
• Chalky Mulberry color palette (#E8FBE8, #008F91, #9C234F, #5B3600, #322A00)
• Softworn Lilac Study color palette (#DAF0FF, #A19CE3, #AB6279, #5D5D55, #3A5126)

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