Soft Lagoon color palette — #E9FBEC · #F4B819 · #758900 · #886400 · #010200

Saffron and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E9FBEC): A whisper-light, dusty teal — the color of glacier melt.
• Saffron (#F4B819): A luminous, vivid gold — the color of old brass.
• Olive Leaf (#758900): A full-bodied, balanced green — the color of fresh herbs.
• Ochre (#886400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Black (#010200): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

Use it as a design system

One click turns Soft 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

• Timeworn Bronze Station color palette (#FFF0F7, #FFAD79, #9B7900, #A45000, #000201)
• Chartreuse Lagoon color palette (#E5FBF3, #B8D300, #00965C, #647400, #000201)
• Pale Clover color palette (#E8F7E8, #FDB138, #02BB32, #BF7F00, #001802)
• Wandering Field color palette (#D8ECE2, #857D00, #1A4800, #302C00, #000201)
• Lime Atelier color palette (#FEF8C2, #AFB200, #4B8400, #005057, #161B00)
• Lime Field color palette (#FEFAA8, #B5C600, #6C9600, #235800, #001C06)
• Linen Canyon color palette (#F9EBDA, #C78500, #006F1F, #684300, #000500)
• Pale Hollow color palette (#E6FDE4, #BC7E00, #0B7C3F, #6B003E, #130200)

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