Vanilla Pier color palette — #FFF7C7 · #FFE6F2 · #C0E1FF · #1F405C · #0C1F1A
A conversation between Custard and Navy, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF7C7): A whisper-light, dusty green — the color of a quiet forest floor.
- Blush (#FFE6F2): A whisper-light, dusty rose — the color of pressed rose petals.
- Powder Blue (#C0E1FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Navy (#1F405C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#0C1F1A): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged neon, dark, vibrant, muted.
Use it as a design system
One click turns Vanilla 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
- Dusty Veil color palette (#F9E7FF, #D8E6D6, #B0E6FF, #1D4837, #0C1A14)
- Tempered Station color palette (#E5FFD0, #FFE8E7, #D4DAFF, #472B3F, #1E141B)
- Patina Cobalt color palette (#FBF1FC, #FCE2AD, #4D79AC, #1F3A58, #160A17)
- Muted Mint color palette (#DDECE4, #FF9D87, #00C992, #0C3031, #0A1818)
- Sky Basin color palette (#DBE4CE, #FFA5C4, #65B9FF, #3E4153, #262E36)
- Washed Aqua color palette (#E5DEC9, #FFBEA1, #5FD8FF, #436152, #212C26)
- Softworn Olive Corridor color palette (#FEF0FD, #88B3FA, #C89068, #777800, #301D2F)
- Fern Station color palette (#FFF0F9, #9BAEEB, #AF713E, #3E6919, #0C2215)
Browse the whole catalog at Explore, or see today's palette.