Vanilla Ridge color palette — #FAF7D9 · #CDE3CF · #B1C3AD · #987F88 · #614B4C
A conversation between Custard and Stone, giving this palette its sense of sophistication and softness.
The five colors
- Custard (#FAF7D9): A whisper-light, dusty green — the color of new leaves after rain.
- Celadon Mist (#CDE3CF): A whisper-light, dusty green — the color of a quiet forest floor.
- Stone (#B1C3AD): A luminous, dusty green — the color of new leaves after rain.
- Heather (#987F88): A luminous, dusty rose — the color of a warm blush.
- Charcoal Brown (#614B4C): A full-bodied, dusty red — the color of late-summer berries.
Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.
Use it as a design system
One click turns Vanilla Ridge 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
- Denim Station color palette (#E5FAFC, #ACC9D1, #7B929C, #606C83, #5B4E67)
- Hushed Ash color palette (#EDFCDA, #B9DBBA, #6DA4BF, #856260, #58362B)
- Timeworn Cocoa Study color palette (#E8FCE5, #BAF0FF, #C3AAC3, #906F67, #70380D)
- Muted Bronze Atelier color palette (#FBF4E8, #C2E2CC, #A3B68A, #A3803D, #554500)
- Softworn Cerulean Villa color palette (#EFFCD2, #7CCFC4, #3991A7, #734D6E, #472219)
- Wandering Mint color palette (#F7F9D1, #BBFFC8, #6DC19A, #4D8F82, #42533F)
- Aged Shell color palette (#F1F8EB, #A8F9DC, #FBB4CE, #68A993, #5C3D3A)
- Weathered Pier color palette (#DBEDE9, #50B6C1, #487EA5, #602A3E, #320603)
Browse the whole catalog at Explore, or see today's palette.