Sunlit Olive Lagoon color palette — #F4EED6 · #7F8200 · #005B87 · #511C43 · #27021F

A conversation between Olive Leaf and Peacock, giving this palette its sense of nature and growth.

The five colors

• Cream (#F4EED6): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#7F8200): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005B87): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Mulberry (#511C43): A deep, shadowed, balanced pink — the color of peonies in June.
• Ink (#27021F): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Muted Denim color palette (#E6F7EC, #8C7500, #344E99, #5D1D4C, #46101C)
• Timeworn Moss color palette (#F2F3E4, #689F4C, #4C629A, #652843, #360E19)
• Bronze Thicket color palette (#F9EBDD, #B26700, #00635B, #352761, #160834)
• Dusty Nightshade Coast color palette (#E7F2DA, #00926A, #5B4491, #5B1824, #2D0200)
• Navy Lantern color palette (#E9E7CA, #456300, #003177, #330028, #0C0003)
• Antique Taupe color palette (#EAE4D3, #80AE89, #628165, #654441, #3B1A18)
• Aubergine Market color palette (#DEF9F1, #83A24B, #007E9C, #6B367B, #461F00)
• Pale Clover color palette (#E2FBF8, #47C446, #008881, #005070, #261800)

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