Pale Olive color palette — #FFF2F0 · #F06D9D · #3C8D00 · #005A69 · #17072C

Olive Leaf takes the lead with Bubblegum close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bubblegum (#F06D9D): A luminous, vivid rose — the color of strawberry cream.
• Olive Leaf (#3C8D00): A full-bodied, vivid green — the color of new leaves after rain.
• Peacock (#005A69): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#17072C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Chalky Coral Villa color palette (#FFF2ED, #FF857B, #768800, #005C69, #300151)
• Misty Fuchsia Orchard color palette (#FFF1F3, #D67BE1, #827E00, #006157, #040C29)
• Coral Loft color palette (#FFF2EC, #FF7261, #009178, #005785, #20001D)
• Linen Courtyard color palette (#FFF2EF, #D7567B, #00721C, #004153, #05000B)
• Hushed Meadow color palette (#FFF2EE, #FF728F, #AB9500, #007BB3, #3C1810)
• Plum Chapel color palette (#FCF1FF, #CB0074, #245C00, #00404B, #191C38)
• Airy Scarlet color palette (#FFEBF9, #E40E0E, #216200, #154600, #030B26)
• Amber Loft color palette (#FFF4E2, #FFA1A2, #C56C00, #006661, #4A1206)

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