Olive Pier color palette — #FBF5C6 · #98AD5C · #448712 · #126738 · #245459
Built around Olive Leaf, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Custard (#FBF5C6): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#98AD5C): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#448712): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#126738): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#245459): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Olive Pier 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 Basin color palette (#D9EBB1, #8CBA56, #568936, #2F582B, #2A300B)
- Pale Olive Orchard color palette (#FFEBF1, #C3A14A, #807600, #4C650D, #21534D)
- Hushed Pine Villa color palette (#E8F9F6, #7AB070, #BF6EBC, #237210, #553653)
- Quiet Mint Villa color palette (#B8EEE2, #76C38C, #00896C, #00655B, #1C4C5C)
- Hushed Pine color palette (#D4FFFC, #75C79E, #008849, #004F30, #00341D)
- Moss Archive color palette (#DDE6C5, #40A600, #007850, #005045, #013544)
- Softworn Powder Coast color palette (#DFFCF9, #C7E0EF, #8DD5F7, #80834B, #3B5454)
- Violet Bloom color palette (#DAFEF6, #6C974C, #955BC5, #A3455D, #223E39)
Browse the whole catalog at Explore, or see today's palette.