Sunlit Olive color palette — #DFF9EA · #AAAD63 · #617500 · #2E581F · #00281B

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

The five colors

• Honeydew (#DFF9EA): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#AAAD63): A luminous, balanced green — the color of fresh herbs.
• Olive (#617500): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#2E581F): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#00281B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Wandering Jade Balcony color palette (#DAF9F5, #63BD89, #007E5C, #235A28, #002726)
• Quiet Moss color palette (#CEEEDA, #9C9B00, #556300, #004A3C, #181700)
• Mustard Study color palette (#FFF3E6, #BBA300, #597512, #275C4C, #3D3A34)
• Abyss Courtyard color palette (#DCF3ED, #578656, #00522A, #003226, #000B01)
• Mustard Corridor color palette (#FEF4DE, #C2C23F, #7E911F, #58724D, #3D3A34)
• Timeworn Meadow color palette (#FFF1F5, #EBD98D, #80A000, #157D61, #103723)
• Dusty Grove color palette (#EBF4F0, #ABCCC0, #748C5D, #48676E, #21362F)
• Washed Balcony color palette (#E7F5F4, #A5D8F3, #008CCC, #005F72, #002645)

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