Faded Olive color palette — #F2F9DB · #84FFF3 · #64C5FF · #5D7200 · #001E16

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

The five colors

• Custard (#F2F9DB): A whisper-light, dusty green — the color of new leaves after rain.
• Sea Foam (#84FFF3): A whisper-light, balanced teal — the color of glacier melt.
• Sky (#64C5FF): A luminous, balanced blue — the color of deep harbor water.
• Olive (#5D7200): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#001E16): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged pastel, light, cool.

Use it as a design system

One click turns Faded 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

• Tempered Pine color palette (#E3FEE1, #B3ECFF, #9CBDFF, #277E40, #001B1D)
• Muted Aqua color palette (#FAF8CD, #A5FDC3, #00CAD0, #786000, #021300)
• Dusty Periwinkle color palette (#BCFBEC, #89E3F8, #6E9FFA, #00621B, #000B0A)
• Worn Grove color palette (#D4F2E0, #55C8C0, #0091AD, #1B550E, #00271E)
• Seafoam Garden color palette (#CEE5DC, #2BECD7, #00D0DB, #44A172, #002921)
• Wandering Cobalt color palette (#D3E5D3, #60C3C1, #4A89CF, #524500, #00100D)
• Iris Parlor color palette (#D5E2D8, #77BFED, #937EF9, #004B3A, #000201)
• Hushed Emerald color palette (#D6FFF8, #DAD9E7, #D6B3D2, #00AD66, #003841)

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