Olive Pier color palette — #DAE5E2 · #8CA7AE · #58939F · #4D701A · #000C09

A conversation between Olive and Storm Blue, giving this palette its sense of nature and growth.

The five colors

• Parchment (#DAE5E2): a clean, paper-quiet neutral.
• Blue Fog (#8CA7AE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Storm Blue (#58939F): A luminous, dusty blue — the color of open sky before noon.
• Olive (#4D701A): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#000C09): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Chestnut Drift color palette (#DDE7E1, #8BA8A7, #939E71, #746300, #000D05)
• Fern Veranda color palette (#DDE4E2, #97A9A7, #5A9386, #404B00, #020C08)
• Softworn Bloom color palette (#E0E9E6, #7C9391, #4B727B, #292D00, #000201)
• Washed Lagoon color palette (#DAE5E6, #B1C3D0, #94AABF, #009677, #082426)
• Softworn Cypress color palette (#CDECDC, #469686, #007D84, #364C77, #09112B)
• Antique Olive Garden color palette (#CEECE0, #76953D, #367300, #474D00, #000805)
• Linen Emerald Veranda color palette (#D3ECE9, #86B100, #00B13E, #00856A, #000301)
• Hazy Nightshade Archive color palette (#D2F9F8, #008757, #006170, #0F169B, #010200)

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