Sunlit Olive color palette — #F3E4B0 · #AEAD5C · #6D832C · #3B6228 · #0E4D40

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

The five colors

• Peach Cream (#F3E4B0): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#AEAD5C): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#6D832C): A full-bodied, balanced green — the color of new leaves after rain.
• Olive (#3B6228): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#0E4D40): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Weathered Pine color palette (#F0ECBF, #8BBD84, #3C8E57, #016C4F, #0C505A)
• Bronze Boulevard color palette (#FFDDC0, #C89956, #916E00, #615A03, #414716)
• Soft Olive Lantern color palette (#F5FACD, #9ACB95, #53844A, #1D4F20, #173510)
• Lime Alley color palette (#CDF8DB, #CFD27C, #98BB35, #629049, #1B5350)
• Hushed Meadow color palette (#F7F6E5, #8CAC64, #A175B7, #547029, #4F385A)
• Pale Moss color palette (#E1E5CA, #6AA300, #1E7A08, #00542C, #003E2F)
• Bronze Villa color palette (#FFF3E8, #C0A17D, #926749, #724435, #403D36)
• Hushed Emerald Boulevard color palette (#F7F8D6, #6B9752, #547DB1, #9C4C55, #383931)

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