Olive Alley color palette — #D3EFF7 · #008687 · #5F6D00 · #404900 · #001319

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

The five colors

• Frost (#D3EFF7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#008687): A full-bodied, balanced teal — the color of shallow lagoons.
• Olive (#5F6D00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#404900): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#001319): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Patina Mulberry color palette (#D7EDF8, #008397, #A23961, #444800, #00131C)
• Airy Cobalt color palette (#D7ECFD, #007EB1, #606C00, #004D59, #001220)
• Violet Boulevard color palette (#EDF1FF, #7657FD, #007C6E, #00564B, #120E2E)
• Frosted Lagoon color palette (#DAEEEB, #098D2E, #8A5800, #5E3B00, #001412)
• Misty Bronze Harbor color palette (#E7F4FF, #3A8DCB, #B05A16, #00623D, #0E1B27)
• Azure Terrace color palette (#EBF3FB, #6699CF, #4B937A, #326A5A, #19242F)
• Tempered Cobalt color palette (#E1F1FF, #0076B8, #9A4133, #554200, #14283A)
• Pale Cobalt Field color palette (#E4EFFB, #247CDB, #724D00, #0A3F03, #021A01)

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