Olive Coast color palette — #F4F4FF · #BE90D2 · #818634 · #37608D · #19395C

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

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Mauve (#BE90D2): A luminous, balanced pink — the color of peonies in June.
• Olive Leaf (#818634): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#37608D): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#19395C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Soft Dune color palette (#FFF1F7, #C1ACF7, #A18900, #2F5C98, #21284B)
• Bronze Lantern color palette (#F1F5FF, #9F9CDD, #8E812F, #006D63, #00423B)
• Muted Orchard color palette (#FFF0FE, #E38688, #369184, #34618D, #0F3A60)
• Dusty Periwinkle Meadow color palette (#FBF2F6, #D4DEFC, #89A5D7, #3C8981, #474266)
• Timeworn Fern color palette (#FFF2EE, #B7727B, #6B6610, #005358, #3E2C60)
• Pale Villa color palette (#FBF2FC, #F6A3AE, #B1A20B, #008F8F, #363257)
• Denim Garden color palette (#F5F3FF, #D9C3D9, #8DAC97, #687C8F, #395268)
• Tempered Basin color palette (#EBF9F1, #9FD0C7, #5C9E8A, #726D89, #284A44)

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