Vanilla Lagoon color palette — #DEFCFF · #FFEDB9 · #FFCDDC · #3E3045 · #161019
A conversation between Custard and Shell Pink, giving this palette its sense of nature and growth.
The five colors
- Ivory (#DEFCFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Custard (#FFEDB9): A whisper-light, dusty green — the color of new leaves after rain.
- Shell Pink (#FFCDDC): A whisper-light, dusty rose — the color of pressed rose petals.
- Charcoal (#3E3045): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Ink (#161019): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged neon, dark, vibrant, muted.
Use it as a design system
One click turns Vanilla Lagoon 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
- Hushed Seafoam color palette (#EFF2FF, #75FFCA, #FFC099, #3F1D30, #16060E)
- Worn Fuchsia color palette (#D4E9EB, #B5C831, #FF6EC6, #3D1B2F, #1C0E0E)
- Wandering Lichen color palette (#E3FFD5, #FFE8E4, #D3D0DD, #574753, #282227)
- Tempered Terrace color palette (#FEF0FF, #FF899A, #62B08E, #357C96, #2D1E2F)
- Seafoam Studio color palette (#EAE6FF, #01F8EE, #FEB84D, #1F331F, #060D06)
- Tempered Coral Quarry color palette (#FDF1FB, #F96C6B, #009070, #226288, #1B1626)
- Blush Canyon color palette (#EFECFF, #FFAF77, #FF83AE, #453F3A, #392825)
- Washed Moss color palette (#FAF2F9, #F4D6C6, #AFA02E, #C16E70, #04170D)
Browse the whole catalog at Explore, or see today's palette.