Sapphire Lagoon color palette — #F0F4E3 · #36CA62 · #2F65FF · #007F33 · #030D32
Royal Blue and Clover set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F0F4E3): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#36CA62): A luminous, vivid green — the color of a quiet forest floor.
- Royal Blue (#2F65FF): A full-bodied, vivid violet — the color of twilight just after sunset.
- Olive (#007F33): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#030D32): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Energy. Tagged duotone, 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 Lime color palette (#F4F3DE, #87BF2D, #0079D3, #4F7700, #001227)
- Sapphire Archive color palette (#EDF5E7, #00C89F, #2169FA, #007B61, #1F061D)
- Moss Bloom color palette (#E2F7F4, #6AE25E, #7891FF, #27AB19, #080D2F)
- Softworn Mint Chapel color palette (#DEFCFD, #00E5A4, #008CAB, #007E59, #000203)
- Aged Byzantium Boulevard color palette (#E3EFE2, #00BCBC, #8B3BE2, #007272, #1C040F)
- Grape Ridge color palette (#F0F9DC, #23A35F, #7000CC, #793200, #001F0C)
- Hushed Periwinkle color palette (#F3F6EF, #ABDFC5, #6A9DE3, #43A179, #342A34)
- Mustard Thicket color palette (#F7F2E3, #BAAF00, #00888F, #736C00, #001705)
Browse the whole catalog at Explore, or see today's palette.