Sapphire Lagoon color palette — #FFF5D8 · #CEA72A · #0076E4 · #5D47C1 · #191100
Royal Blue takes the lead with Iris close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#FFF5D8): A whisper-light, dusty green — the color of fresh herbs.
- Gold (#CEA72A): A luminous, balanced green — the color of new leaves after rain.
- Royal Blue (#0076E4): A full-bodied, vivid blue — the color of deep harbor water.
- Iris (#5D47C1): A full-bodied, vivid violet — the color of a velvet chair.
- Ink (#191100): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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
- Hushed Amethyst color palette (#F5FAC8, #AEB52A, #496AEB, #832ADE, #131400)
- Dusty Moss color palette (#F9FAC2, #A2A000, #009DA0, #007AB5, #141300)
- Amethyst Hollow color palette (#D3FFFE, #00AD68, #6373EB, #6F3AEB, #001106)
- Gentle Tangerine Study color palette (#FFF2EB, #EE7100, #0096CA, #007DA8, #220A00)
- Timeworn Ultramarine Workshop color palette (#E8DDCD, #956700, #334BE5, #2A3EBE, #322000)
- Patina Loft color palette (#D9FEFC, #6DD191, #926DCC, #A5409C, #00220E)
- Washed Harbor color palette (#F9F9C8, #CDC72E, #AB62EB, #B7319D, #252300)
- Antique Courtyard color palette (#F0E6D2, #916A00, #00727A, #81108E, #150D00)
Browse the whole catalog at Explore, or see today's palette.