Olive Lagoon color palette — #F3EADF · #DB9400 · #438500 · #865900 · #0F0E00

Built around Olive Leaf, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Cream (#F3EADF): bright and airy, almost weightless.
• Mustard (#DB9400): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#438500): A full-bodied, vivid green — the color of new leaves after rain.
• Ochre (#865900): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#0F0E00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Aged Market color palette (#FCF4E8, #E0AB0D, #009959, #8F6C00, #151B04)
• Olive Summit color palette (#EEF8F0, #E1B43D, #4B8900, #7C5F00, #000201)
• Antique Villa color palette (#F1EBDA, #B0AA00, #008475, #6B6700, #061103)
• Tangerine Veranda color palette (#F7E8DF, #FF7637, #7E7400, #A53E00, #130C00)
• Soft Moss Station color palette (#F3EAD4, #A7A500, #557F00, #00581C, #002F1E)
• Jade Boulevard color palette (#F4E7EB, #EEAD6B, #28B062, #C07300, #001110)
• Misty Pine Balcony color palette (#F2DBB6, #A29500, #1D7E1E, #343F86, #222800)
• Amber Villa color palette (#F5E9DE, #BF7418, #005E3D, #5F3600, #0A1000)

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