Soft Pier color palette — #F4F8E0 · #4F9851 · #0174BD · #783054 · #262208
Built around Royal Blue, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Cream (#F4F8E0): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#4F9851): A luminous, balanced green — the color of new leaves after rain.
- Royal Blue (#0174BD): A full-bodied, balanced blue — the color of deep harbor water.
- Mulberry (#783054): A full-bodied, balanced rose — the color of pressed rose petals.
- Onyx (#262208): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Soft 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
- Mulberry Loft color palette (#ECFAEC, #009997, #4562AB, #842D54, #241D00)
- Frosted Emerald Chapel color palette (#F5F7E6, #509A4A, #008086, #6A3888, #2E1E0A)
- Powdered Ultramarine Bloom color palette (#E5FBF1, #969A14, #005CC1, #78233B, #001109)
- Wandering Villa color palette (#FFEADC, #78B376, #00888F, #7D3C59, #2F322B)
- Faded Amethyst Pier color palette (#ECFAE8, #00A293, #8152B0, #823F14, #182410)
- Ancient Grape Villa color palette (#D9F6DF, #0093A1, #611FF2, #820C00, #001C0E)
- Muted Plum Studio color palette (#DEFEEF, #0099C1, #AE3C88, #95253A, #062A05)
- Garnet Delta color palette (#DEF6DD, #007E7B, #005472, #610047, #060600)
Browse the whole catalog at Explore, or see today's palette.