Sunlit Olive Pier color palette — #BBF0DE · #90B463 · #4A8E21 · #2D6529 · #154E4B

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

The five colors

• Mint (#BBF0DE): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#90B463): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#4A8E21): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#2D6529): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#154E4B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Balance. Tagged cool.

Use it as a design system

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

• Olive Garden color palette (#F3EFC0, #A5A850, #727E00, #4E6212, #24564C)
• Chalky Lagoon color palette (#B6EDE9, #64BB8E, #00956D, #006452, #0A4852)
• Cobalt Workshop color palette (#E5FAF8, #73B179, #0490E0, #177A2F, #27455F)
• Worn Pine Harbor color palette (#D4FFFD, #85C89F, #008E52, #00502C, #003519)
• Faded Basin color palette (#F5EDB8, #BCCB54, #78A750, #468056, #3E5331)
• Hushed Emerald Courtyard color palette (#DDFDFB, #2EA061, #0089A6, #826400, #1E3E3D)
• Muted Study color palette (#EEF9ED, #92B095, #95682C, #6A4A2E, #2F4334)
• Lagoon Balcony color palette (#C3F0EA, #009FA0, #006A6E, #00434B, #0A283E)

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