Sunlit Olive Pier color palette — #E5FBF1 · #858200 · #006B40 · #004950 · #4C2400

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

The five colors

• Ivory (#E5FBF1): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#858200): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#006B40): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#004950): A deep, shadowed, dusty blue — the color of open sky before noon.
• Espresso (#4C2400): A deep, shadowed, dusty gold — the color of old brass.

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

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

• Aged Villa color palette (#DFF8F3, #51873B, #00615C, #003F60, #352A00)
• Powdered Bronze Delta color palette (#FFF1F5, #AE6D00, #516200, #004C3C, #5F0608)
• Chalky Field color palette (#E3E6C6, #9BAD00, #678200, #375B00, #004534)
• Softworn Pine color palette (#DFFDF4, #84B26F, #117F2B, #664D00, #16433C)
• Wandering Bronze Field color palette (#DDF7E8, #786900, #2B2E00, #001E10, #000B09)
• Mustard Lagoon color palette (#DEFFE8, #FFC572, #C4A100, #879100, #423900)
• Tempered Bloom color palette (#D1F4F1, #006A32, #003F41, #002139, #160039)
• Airy Pine color palette (#EAF1C1, #9EBF81, #438852, #216572, #2F4469)

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